2010-01-08 66 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,我想你可以制作一个自定义主题,为进度条使用动画微调类型背景。