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

所属分类:UI-加载

 36631  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元素留下进度条。


相关插件-加载
  加载
 36944  365

jQuery横向及纵向进度条插件

jQuery横向及纵向进度条插件,可控制速度,可设为递增递减进度,可繁可简,颜色尺寸随心所欲!简单使用,使用方法一应俱全。
  加载
 33346  326

HTML5实现的网页进度条

HTML5实现的网页进度条
  加载
 41512  381

jQuery简单进度条插件

jQuery简单实用的轻量级进度条插件
  加载
 101930  344

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

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

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

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

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

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