NProgress插件(进度条)

NProgress插件用于快速制作加载进度条。

极简主义进度条

rstacruz/nprogress:适用于YouTube,Medium等超长进度条 (github.com)icon-default.png?t=M666https://github.com/rstacruz/nprogress

安装

npm install --save nprogress

引入

import nprogress from "nprogress"
import "nprogress/nprogress.css"

使用

开启进度条

nprogress.start();

接受进度条

nprogress.done();

定制

如果需要自定义进度条的颜色,只需要在引入的样式文件中查找并替换出现的#nprogress .bar中的

background属性。甚至你可以随意废弃它并制作自己的!


版权声明:本文为HHYZBC原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。