nprogress

官方文档

页面顶部的进度条

安装

$ npm install --save nprogress

导入

import nprogress from 'nprogress'
import 'nprogress/nprogress.css'

基本使用

Simply call start() and done() to control the progress bar.

NProgress.start();  //开启
NProgress.done();   //关闭

常用配置

递增
要递增进度条，只需使用.inc()。这使它以随机量递增。这将永远不会达到100％：将其用于每次图像加载（或类似加载）

NProgress.inc();

showSpinner(显示旋转器)
通过将加载微调器设置为false来关闭它。（默认值：true）

NProgress.configure({ showSpinner: false });

相关文章
https://zhuanlan.zhihu.com/p/344438615
https://segmentfault.com/a/1190000014193675