投稿

NProgress.js–JavaScript爆款进度条组件

Vedu • • 资源分享 • 阅读 1385

简要介绍

NProgress.js是一款JavaScript展示进度条效果的组件。名字中的大写字母N，全称是nanoscopic，意思是纳米级。实际的效果就是超细的进度条。这是一个很有特色的爆款组件，虽然有五六年没有进行更新了，但依然无法阻挡它在github拥有22k颗星。这个组件最合适、最匹配的场景就是Ajax。

最新版本：v0.2.0。我对它的评价是：有年份的单品类爆款。

JavaScript爆款进度条组件—NProgress.js

Github地址

https://github.com/rstacruz/nprogress

安装

$ npm install –save nprogress

引用

 

效果

NProgress.start();

NProgress.done();

百分比用法：

NProgress.set(0.0); // Sorta same as .start()

NProgress.set(0.4);

NProgress.set(1.0); // Sorta same as .done()

增量用法：

NProgress.inc();

NProgress.inc(0.2); // This will get the current status value and adds 0.2 until status is 0.994

JavaScript爆款进度条组件—NProgress.js

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/share/18858.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2021-01-03 10:30
下一篇 2021-01-04 07:01

相关推荐

发表评论

登录后才能评论