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

Question

在jQuery开发进度的文件 说,这个UI部件不适合用于显示长度不定的进步.

它推荐了两种选择之一:
- 一个不确定的progressBar,即将"即将推出".
- 一个微调动画

我认为jQuery微调器是一个带有向上/向下箭头的文本框,用于加/减值.换句话说,输入小部件.

替代文字http://i48.tinypic.com/29ecdl.jpg

那可能不是博士的意思.

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

Answer 1

通过旋转器,我认为它们意味着一个无休止地循环或旋转的动画图形.像这样: alt text http://www.andrewdavidson.com/articles/spinning-wait-icons/wait30trans.gif

Answer 2

试试这个:

<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>