顶部进度条插件-NProgress
2019-12-07 本文已影响0人
CodeMT
官网：http://ricostacruz.com/nprogress/
GitHub：https://github.com/rstacruz/nprogress
安装/引用
- 传统项目直接使用标签引用
<script src='nprogress.js'></script>
<link rel='stylesheet' href='nprogress.css'/>
- nodejs 安装
bower install --save nprogress
# 或者
npm install --save nprogress
- nodejs 引用(前提是在已经使用上面的方法安装之后了)
import NProgress from 'nprogress' // Progress 进度条
import 'nprogress/nprogress.css' // Progress 进度条样式
使用方法
NProgress.start() - 显示进度条
NProgress.set(0.4) - 设置百分比
NProgress.inc() - 稍微增加
NProgress.done() - 完成进度(进度条消失)
