jQuery:如何显示不确定进程的进度?

时间:2009-12-23 18:34:22

标签: jquery jquery-ui

documentation on the jQuery progressBar 说这个UI小部件不适合显示不确定长度的进度。

它建议两种选择之一:
- 一个不确定的progressBar,即将“即将推出” - 一个微调动画

我认为a jQuery spinner is a textbox with up/down arrows要加/减值。换句话说,输入小部件。

alt text

这不可能是博士的意思。

使用jQuery,如何显示不确定的进度?

5 个答案:

答案 0 :(得分:6)

通过旋转器,我认为它们意味着一个无休止地循环或旋转的动画图形。像这样: alt text

答案 1 :(得分:6)

试试这个:

<div id="pb"></div>
<script type="text/javascript">
$(document).ready(function () {
    $("#pb").progressbar({ value: 100 });
    IndeterminateProgressBar($("#pb"));
});
function IndeterminateProgressBar(pb) {
    $(pb).css({ "padding-left": "0%", "padding-right": "90%" });
    $(pb).progressbar("option", "value", 100);
    $(pb).animate({ paddingLeft: "90%", paddingRight: "0%" }, 1000, "linear",
        function () { IndeterminateProgressBar(pb); });
}
</script>

答案 2 :(得分:3)

更像是:

Loading
(来源:vinofordinner.com

Loading

答案 3 :(得分:2)

我想这不是一个jQuery问题......这只是一个动画问题。

通过显示动画图像可能会很好,就像从例如Ajax Load

答案 4 :(得分:2)

我参加派对有点晚了,但这是一个利用jQuery UI Progressbar进行不确定进度条的插件:

http://demo.dochoffiday.com/jquery-loader/

此外,计划在未来包含不确定的功能:

http://blog.jqueryui.com/2010/12/progressbar-api-redesign/