Jquery ui jquery进度条:非确定进度条

Jquery ui jquery进度条:非确定进度条,jquery-ui,Jquery Ui,我正在使用jQuery进度条。然而,我想使用它更像一个旋转器。我真的无法预测任务何时完成。所以我需要一个不确定的进度条 只有当你知道做了多少事情时,它才会起作用。是否可以使用jQuery UI进度条,当进度条达到100%时,它会再次启动 我已经启动了所有主题,因此如果我可以让jquery UI进度条工作,而不是使用其他插件,那就太好了。您可以设置一个超时,每隔几秒钟将进度条值增加5%,如果它达到100%,则从0开始。。或者将增量反向到-5%,使其上下浮动 差不多 function progres

我正在使用jQuery进度条。然而,我想使用它更像一个旋转器。我真的无法预测任务何时完成。所以我需要一个不确定的进度条

只有当你知道做了多少事情时,它才会起作用。是否可以使用jQuery UI进度条,当进度条达到100%时,它会再次启动


我已经启动了所有主题,因此如果我可以让jquery UI进度条工作,而不是使用其他插件,那就太好了。

您可以设置一个超时,每隔几秒钟将进度条值增加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
          );
}

就UI设计而言,请不要将确定进度条的值更改为表示不确定进度条:看到进度条显然即将完成并且“…不!愚弄了你!”Mac OS X和Windows上的不确定进度条都有不同的视觉表示,这非常令人恼火,您的也应该如此。

允许您创建几种类型的自定义不确定进度条和微调器。如果您真的想使用jQuery,我想您可以制作一个自定义主题,在进度条中使用动画微调器类型的背景