NProgress.js官网

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

1.安装

$ npm install --save nprogress

2.引用

<script src='nprogress.js'></script>
<link rel='stylesheet' href='nprogress.css'/>
// CDN引入地址
https://unpkg.com/nprogress@0.2.0/nprogress.js
https://unpkg.com/nprogress@0.2.0/nprogress.css

3.使用

通过调用start()和done()方法即可控制进度条显示和完成。

NProgress.start()
NProgress.done()

 4.github仓库地址

 https://github.com/rstacruz/nprogress