vue浏览器顶部进度条 顶部滚动条的加载实现

页面加载慢的时候想加一个动态进度条。

难不难？好引吗？用起来简单吗？

装它：npm install nprogress

引它（哪里需要哪里引）：

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

用它：

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

自定义进度条样式？

#nprogress .bar {
  background: green !important;
  height: 10px;
}

就绿了也粗了

了解更多的高级参数设置？http://amazeui.clouddeep.cn/1.x/javascript/nprogress/