今天分享一下Jquery 简单大方美观的进度条插件-NProgress中文的使用和说明。
首先,官方地址:
https://github.com/rstacruz/nprogress
NProgress.js 是纳米级的进度条插件。拥有逼真的的涓涓细流动画效果来告诉你的用户,
某些事情正在发生。它的灵感来自于谷歌,YouTube,应用了,这款苗条的进度条是完美的,
适用于 Turbolinks,Pjax 以及其他重 Ajax 的应用程序。
下载压缩包nprogress-master.zip
解压后,有nprogress.css、nprogress.js。
在界面引用样式和js脚本。
<script src='../vendor/jquery-1.10.js'></script>
<!-- simpletap -->
<script src='../nprogress.js'></script>
效果图:
支持一下简单函数:
1、set:设置进度。
NProgress.set(0);
2、start():
NProgress.start();
3、done():必须有start之后。
NProgress.done();
4、configure():初始化配置。
NProgress.configure({ minimum: 0.5 });
更多问题,请参考官方网站
原文来自:http://www.suchso.com/UIweb/Jquery-simple-beautity-progress-nprogress-cn.html
时间: 2024-09-12 08:00:20