nprogress.js 头部进度条使用方法

nprogress.js 头部进度条

引入CSS\JS

<link rel="stylesheet" type="text/css" href="Style/nprogress.css">
<script type="text/javascript" src="JavaScript/nprogress.js"></script>

调用方法：

//开始执行
NProgress.start();
//到40%的位置
NProgress.set(0.4);
//前进一部分
NProgress.inc();
//结束
NProgress.done();

文档手册：http://amazeui.org/1.x/javascript/nprogress/

演示网址：http://ricostacruz.com/nprogress/

 

转载于:https://www.cnblogs.com/phpyangbo/p/8111613.html