1、安装:
npm install --save nprogress
import NProgress from 'nprogress'; // Progress 进度条
import 'nprogress/nprogress.css';// Progress 进度条 样式
或直接引入js、css或者通过cdn引入:
<script src='nprogress.js'></script>
<link rel='stylesheet' href='nprogress.css'/>
2、使用:
直接调用 **start()或者done()**来开启/关闭进度条。
NProgress.start();
NProgress.done();
可以通过调用 .set(n)来设置进度,n是0-1的数字。
NProgress.set(0.0); // Sorta same as .start()
NProgress.set(0.4);
NProgress.set(1.0); // Sorta same as .done()
可以使用inc()随机增长进度条,注意,这个方法永远不会让进度条达到100%。
NProgress.inc();