jquery简单时尚的进度条插件ProBars

所属分类:UI-加载

 36588  318  查看评论 (3)
分享到微信朋友圈
X
jquery简单时尚的进度条插件ProBars ie兼容6

使用方法

添加 'pro-bars.min.css', 'pro-bars.min.js'和'visible.min.js'到您的文档中。使用ProBars需要一个简单的HTML标记和一些特定的类名。如果颜色类没有提供它使用一个默认的灰色的配色方案,它将使用扁平化配色方案进度条风格,有两个数据属性必须指定data-pro-bar-percent数据百分比和data-pro-bar-delay动画设置延迟。因为它依赖于jQuery的动画条的长度从0 到 'x'.

<div class="pro-bar-container color-nephriti">
  <div class="pro-bar bar-50 color-emerald" data-pro-bar-percent="50" data-pro-bar-delay="100">
    <div class="pro-bar-candy"></div>
  </div>
</div>

默认情况下,糖果条纹是静态的,动画条纹向左或向右,应用candy-ltr或candy-rtl类pro-bar-candy元素。把糖果条纹删除pro-bar-candy元素留下进度条。


相关插件-加载

js图片懒加载插件jxLazyload

最简便的jquery图片懒加载插件jxLazyload
  加载
 29301  189

jQuery动画进度条 实时显示进度百分比DEMO演示

jQuery动画进度条 实时显示进度百分比DEMO演示
  加载
 43282  344

jQuery nprogress.js页面加载进度条

jQuery nprogress.js页面加载进度条显示当前网页的加载进度
  加载
 64902  406

jquery图片延迟加载

不有添加多余的属性值,直接设src属性值就ok。
  加载
 41901  391

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    WEB小妞 0
    2014/7/14 13:30:00

    非常感谢华生建议,网上下一次改版会有的。

    回复
    魔界小鸟 0
    2014/7/14 9:07:00

    建议出个登录功能,分享讨论这些插件,以及插件的收藏,有时候看到喜欢的插件,觉得还是收藏一下好。这样就对贵网站有黏度

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复