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/