应用于复杂网页的细长进度条。由 Google,YouTube,和Medium提供灵感。
安装添加jQuery(1.8orabove),nprogress.js 和 nprogress.css 到你的项目中。
基本方法简单的调用 start()和done()方法来控制进度条。
NProgress.start(); NProgress.done();当然也可以这样:
$(document).on('page:fetch',function(){NProgress.start();}); $(document).on('page:load',function(){NProgress.done();});建议添加这个到有AJAX调用的地方!绑定到 jQuery ajaxStart和ajaxComplete事件上。
在不使用 Turbolinks/Pjax的情况下做一个有特效的进度条事件!绑定到 $(document).ready和$(window).load。
评论