JQ动画进度栏

Question

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

我需要显示与上面示例中相同数量的条，但是它们需要为带状图像制作动画，我可以使用CSS，但是我需要确保它在所有浏览器中都有效，因此要使用切片的带状图像。

感谢您的协助。

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

提前致谢。 桑杰

Answer 1

JS小提琴条纹进度示例

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

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