|分享一个简洁好用的js进度条插件

|分享一个简洁好用的js进度条插件

现在网页总充斥着大量的ajax请求 , 每次请求由于服务器响应的不稳定性 , 需要在请求过程中让网页显示loading图或进度条 。
以往的进度条大部分都是一个弹出层 , 上面有类似这样的loading图:

而我今天给大家分享一个简洁好用、高颜值的进度条插件 NProgress !
PS:官网可以在百度搜索 NProgress 第二个就是
首先 , 先展示下NProgress的进度条样式

这是很多大型网站都在用的进度条样式 , 比如:youtube、github 。
不仅颜值高 , 用起来也很简单:
1、从官网下载完成后导入css:
<link rel='stylesheet' href=https://mparticle.uc.cn/"/nprogress/nprogress.css\"/>
2、再导入js:
<script src=https://mparticle.uc.cn/"/nprogress/nprogress.js\"></script>
3、然后 , 在ajax请求开始的位置写上代码:
NProgress.start();
在ajax请求结束的位置写上代码:
NProgress.done();
【|分享一个简洁好用的js进度条插件】这样 , 就结束了 , 快去尝试下吧 。


    推荐阅读