我如何重新使用由div中的jquery創建的進度條

Question

我想多次使用由div中的jquery創建的同一個進度條。 那麼我如何重新啓動進度條。

Answer 1

什麼阻止你剛剛從$('#yourelement').progressbar('value', 0);重置進度條回0％？

除非你不使用jQuery UI，因爲你只需要做$('#yourelement').width('0%')或類似的事情。

Answer 2

$('#yourprogressbarid').progressbar('option', 'value', 0); 

假設您使用的是jQuery UI progressbar。

Answer 3

也許這將有助於：

我重新使用jQuery的進度時，因爲當你的進度欄重置爲0，它需要一些時間條移動回0（因爲進度有問題順利地從一個值移動到下一個值）。

我的答案是重置progressBar爲0，當它被隱藏。

所以算法是：

1. 過程開始（如文件上傳）
2. 顯示進度條

3. 更新的進展過程完成後

   $（ '＃jqProgressID'）。進度（百分比）;

4. 過程完成時，隱藏進度條

5. 進度欄現在重置爲0：

   $（ '＃jqProgressID'）進度（0）;

這允許你重新使用進度條，無需用戶查看的杆復位爲0。