jQuery: как отобразить прогресс для неопределенного процесса? - PullRequest
1 голос
/ 23 декабря 2009

Документация на jQuery progressBar говорит, что этот виджет пользовательского интерфейса не подходит для отображения прогресса неопределенной длины.

Рекомендуется один из двух вариантов:
- неопределенный индикатор прогресса, который «скоро появится».
- вращающаяся анимация

Я думаю, счетчик jQuery - это текстовое поле со стрелками вверх / вниз , чтобы включить / уменьшить значение. Другими словами, виджет ввода.

alt text

Это не может быть тем, что имел в виду док.

с использованием jQuery, как отобразить неопределенный прогресс?

Ответы [ 5 ]

6 голосов
/ 17 декабря 2011

Попробуйте это:

<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>
6 голосов
/ 23 декабря 2009

Под спиннером я думаю, что они имеют в виду анимированную графику, которая бесконечно зацикливается или вращается. Как это: alt text

3 голосов
/ 23 декабря 2009

Больше похоже на:

Loading
(источник: vinofordinner.com )

или

Loading

2 голосов
/ 03 декабря 2010

Я немного опоздал на вечеринку, но вот плагин, который использует индикатор прогресса jQuery UI для неопределенного индикатора выполнения:

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

Также в будущем планируется включить неопределенную функцию:

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

2 голосов
/ 23 декабря 2009

Полагаю, это не вопрос jQuery ... это просто вопрос анимации.

Вы, вероятно, будете в порядке, отображая анимированные изображения, например, доступные на, например, с. Ajax Load

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...