NProgress jQuery 进度条插件

我要开发同款
匿名用户2013年08月21日
44阅读
所属分类JavaScript、jQuery插件、jQuery高级页面组件
授权协议MIT

作品详情

应用于复杂网页的细长进度条。由 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。

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论