JQ动画进度条

时间:2013-03-23 14:41:44

标签: javascript jquery twitter-bootstrap jquery-ui-progressbar

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

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

非常感谢任何帮助。

或者,在我可以使用的Twitter Bootstrap中有一个动画进度条(我的网站是使用Bootstrap框架构建的)但是该栏的加载方式与上面的url不同。有没有办法将此加载功能添加到Bootstrap?

提前致谢。 Sanj

1 个答案:

答案 0 :(得分: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>