JQ 动画进度条答案

【问题标题】：JQ Animated Progress BarJQ 动画进度条
【发布时间】：2013-03-23 14:41:43
【问题描述】：

我需要在页面加载时创建一个动画进度条，这是我需要的示例： http://somnia-themes.com/templates/verendus/shortcodes/progressbar.html

我需要显示与上面示例中相同数量的条形图，但它们需要使用条纹图像进行动画处理，我可以使用 CSS，但我需要确保它在所有浏览器中都有效，因此使用切片条纹图片。

如果有任何帮助，将不胜感激。

另外，我可以使用 Twitter Bootstrap 中的动画进度条（我的网站是使用 Bootstrap 框架构建的），但该进度条的加载方式与上面的 url 不同。有没有办法将此加载功能添加到 Bootstrap？

提前致谢。三杰

【问题讨论】：

【解决方案1】：

JS Fiddle Striped Progress Example

这是在进度条上使用 .progress-striped 类。

<div class="progress progress-striped"> 
<div class="bar" style="float: left; width: 0%; " data-percentage="50"></div>
</div>

【讨论】：