2010-01-08 70 views
1

我正在使用jQuery進度條。不過,我想用它更像一個微調。我無法預測任務何時完成。所以我需要一個非確定性的進度條。jquery進度條:非確定一個

jQuery UI progress bar只有當你知道做了多少時纔有效。是否有可能以這樣的方式使用jQuery UI進度條,當酒吧達到100%,然後再次開始。

我有一切主題滾動,所以這將是很好,如果我可以使jQuery的UI進度欄工作,而不是使用不同的插件。

回答

0

您可以設置一個超時,每隔幾秒將進度欄值增加5%,如果達到100%,則從0開始或將增量反轉爲-5%,以便上升和下降...

function progressTimeout() { 
    setTimeout(
      function(){ 
         var pbar = $("#progressbar"); 
         var pvalue = pbar.progressbar('option','value'); 
         if (pvalue == 100) pvalue = 0; 
         pbar.progressbar('option', 'value',pvalue + 10); 

         if (!/*check if action is complete*/) 
          setTimeout(progressTimeout, 2000); 
         }, 
      2000 
     ); 
} 
2

由於UI設計的問題,請不要改變一個確定的進度欄的值來表示不確定的一個:它是非常刺激看到進度條顯然要完成, 「... 不!愚蠢的雅!「在Mac OS X和Windows上的不確定進度條有不同的視覺表示,你也應該如此。

1

http://www.ajaxload.info/允許您創建多種類型的自定義不確定進度條和旋鈕。如果你真的想使用jQuery,我想你可以製作一個自定義主題,爲進度條使用動畫微調類型背景。