jQuery進度條

Question

所以我正在爲我的網站製作一個進度條。但是O只是無法計算出100％加載後如何重置該欄。 我需要的是當有人點擊連接時，欄應該開始填充本身，當它達到100％留在那裏，當用戶再次點擊連接時，它應該重新從0開始。

Here你可以檢查它是如何工作的。我需要幫助，我仍然是初學者，我會感謝任何幫助！

Answer 1

首先，您將在加載完成後啓用按鈕。所以動畫之前添加和當動畫結束時將它設置爲true

$start.attr('disabled', false); 
$stop.attr('disabled', false); 

的你會想，每一次動畫開始吧應爲郵件+顏色

var $bar = $('#bar').width(0).css('background-color', 'yellow'); 
$message.text('Not Connected').css('color', 'red'); 

小提琴復位：http://jsfiddle.net/4prjz/4/

Answer 2

進度條在完成時保持100％，然後當用戶再次單擊連接按鈕時再次從零開始。

Answer 3

試試這個代碼，我已經對你的代碼做了簡單的修改，儘管它並不是解決問題的最好方法，但暫時還是有效的。

$bar.width(0); 
$bar.css('background-color', 'yellow'); 

終於

Harloge = function(width){ 

點擊這裏查看Modified code