这里是 nprogress 的下载网址, 可以在这里去看下效果: http://ricostacruz.com/nprogress/
- NProgress .start ()// 设置显示进度条
- NProgress .done()// 完成进度条
- NProgress .set(0.4)// 设置百分比
- NProgress .inc()// 稍微增加
用法:
要先引入 nprogress 的 CSS 和 JS 文件, 然后根据自己的需求去使用, 下面是一个发送和结束请求时使用了 nprogress 的一个小例子
- $(document)
- .ajaxStart(function() {
- NProgress.start();
- })
- .ajaxStop(function() {
- NProgress.done();
- })
来源: http://www.jianshu.com/p/15157306e2ae