jQuery nprogress.js页面加载进度条

下面是调用方法的说明，打开Index.html页面直接可以看效果

• NProgress.start() ? 显示进度条

• NProgress.set(0.4) ? 设置百分比

• NProgress.inc() ? 一个小增量

• NProgress.done() ? 完成进度

使用方法

你也可以...

    添加到你调用 Ajax 的地方！绑定它到 jQuery ajaxStart 和 ajaxStop 事件上

    没有 Turbolinks/Pjax 一样可以制造一个美妙的进度条！把它绑定到 $(document).ready 和$(window).load

配置插件

通过 minimum 来修改最小百分比。

你可以通过 template 修改标记结构。为了保证进度条正常工作，需要一个包含 role='bar' 属性的元素。

通过 ease(一个 CSS 中的 easing 值) 调整动画设置和速度 speed （毫秒ms）。

想关闭进度条步进？设置 trickle 为 false。

你可以调整 trickleRate (每次步进增长多少) 和 trickleSpeed (步进间隔，单位毫秒ms).

想禁用进度环？设置 showSpinner 为 false。

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com