Question

我正在使用jQuery进度条。但是我想更像是一个微调器。我无法预测任务何时完成。所以我需要一个非确定的进度条。

jQuery UI progress bar仅在您知道完成了多少工作时才有效。是否可以使用jQuery UI进度条，当bar达到100％时，它会再次启动。

我已经推出了所有主题，所以如果我可以使jquery UI进度条工作而不是使用不同的插件，那就太好了。

Answer 1

作为UI设计的问题，请不要更改确定进度条的值来表示不确定的进度条：看到进度条显然要完成并且“......不！”非常恼火！愚弄了！“Mac OS X和Windows上的不确定进度条都有不同的视觉表现形式，你也应该这样做。

Answer 2

http://www.ajaxload.info/可让您创建多种类型的自定义不确定进度条和微调器。如果你真的想使用jQuery我想你可以制作一个自定义主题，使用动画微调器类型背景进度条。

Answer 3

您可以设置超时以每隔几秒将进度条值增加5％，如果它从0开始达到100％，或者将增量反转为-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
          );
}

jquery进度条：非确定的一个

3 个答案: