nprogress 进度条

1.安装

npm install --save nprogress

2. 导入

import NProgress from "nprogress";
import "nprogress/nprogress.css";

//进度条开始
NProgress.start();
//进度条结束
NProgress.done();

NProgress.set(0.0); // 相当于 .start() 
NProgress.set(0.4);
NProgress.set(0.6);
NProgress.set(1.0); // 相当于 .done()

//使用`inc(n)`设置递增进度条，递增时永远不会到达100%，其中n为自设的递增值，如果不传入n，则将以随机量递增

NProgress.inc(0.4);

//进度条起步最小值
NProgress.configure({ minimum: 0.1 });

//获取状态值
NProgress.status()

//设置进度条颜色
#nprogress .bar {
  background: yellow !important; //自定义颜色
}