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>