jQuery動畫進度條問題

我有一個小的jQuery問題，基本上我正試圖構建一個進度條，可以在1-2秒的時間內從0加載到給定的百分比。jQuery動畫進度條問題

看什麼我已經遠遠走了這麼基於教程：JSFiddle

的小提琴不會設置動畫，但讓我描述一下實際情況（顯然它在我的測試工作文件）。

所以進度條做負載像預想的那樣，但它在HTML停在給予價值「稱號=」。它不會接受百分比，所以如果設置的寬度是460，爲了使酒吧停在50％，我將不得不給它一個值爲230.

這個腳本的另一個問題是，只有第一個酒吧實際上取得真正的價值，所有其他的只是「複製」第一個無論給予他們的價值。對我來說看起來很奇怪。

我要麼尋找解決這兩個問題的方法，要麼是達到理想效果的更好方法，最好是用百分比而不是像素值的方式輸入。

謝謝。

來源

2013-06-18 user2451472

爲什麼另起爐竈？爲什麼不使用jQuery.progressbar小部件？ – Precastic

你忘了在你的小提琴中添加jQuery，工作正常 - > http://jsfiddle.net/mWdgz/5/ – adeneo

@adeneo無法正常工作，如果每個進度條使用不同的標題值，不像在OP jsfiddle） –

http://jsfiddle.net/mWdgz/4/

$("document").ready(function() { 

    // animate the progress bar onload 

    $('.progress_bar').each(function() { 
     $(this).animate({ 
      width: this.title 
     }, 1000); 
    }) 

});

來源

2013-06-18 15:31:58

對我很好，謝謝！ – user2451472

jQuery動畫進度條問題

回答

相關問題