现在位置首页 / 前端开发 /正文

Jquery 简单大方美观的进度条插件-NProgress中文使用说明

作者: IT小兵 | 2014年4月7日| 热度:℃ | 评论: |参与:

今天分享一下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>

效果图:

8 jQuery Plugins Worth Checking Out

支持一下简单函数:

1、set:设置进度。

NProgress.set(0);

2、start():

NProgress.start();

3、done():必须有start之后。

NProgress.done();

4、configure():初始化配置。

NProgress.configure({ minimum: 0.5 });


更多问题,请参考官方网站


转发注明:IT分享 http://www.suchso.com 

点击阅读本文所属分类的更多文章: 前端开发 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询