JQuery UI API - элемент прогресса бар (Progressbar Widget)
категория
использование
Описание: Индикация на определенный или неопределенный состояние процесса.
Новая версия: 1.6
Индикатор выполнения предназначен, чтобы показать процент завершения текущего прогресса. Строка прогресса с помощью CSS кодирования гибкость, чтобы настроить размер, по умолчанию будет масштабироваться, чтобы приспособить размер родительского контейнера.
Определение индикатор выполнения может быть использован только в системе может точно обновить текущее состояние дела. Определение индикатор выполнения не будет заполнить слева направо, а затем возвращается обратно пустым - если вы не можете рассчитать фактическое состояние, используйте неопределенную индикатор для того, чтобы обеспечить обратную связь с пользователем.
Тематизация
Член прогресс бар (Progressbar Widget) с помощью рамки JQuery UI CSS , чтобы определить внешний вид и его стиль. Если вам необходимо использовать указанный индикатор типа, вы можете использовать следующее имя класса CSS:
-
ui-progressbar: прогресс внешнего контейнера. Этот элемент неопределенности добавит дополнительный бар прогрессаui-progressbar-indeterminate, класса.-
ui-progressbar-value: Этот элемент представляет ход части наполнения.-
ui-progressbar-overlay: наложение для отображения анимации неопределенна прогресс бар.
-
-
полагаться
дополнительная информация
- Часть требует некоторой функциональной CSS, в противном случае она не будет работать. Если вы создаете собственную тему, используйте виджет указанный файл CSS в качестве отправной точки.
примеров
Простой JQuery UI неопределенная прогресс бар (Неопределенный Progressbar).
<! DOCTYPE HTML>
<HTML LANG = "EN">
<Head>
<Meta Charset = "UTF-8">
<Title> элемент прогресса бар (Progressbar Widget) Demo </ title>
<Link отн = "таблица стилей" HREF = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<Script SRC = "// code.jquery.com/jquery-1.10.2.js"> </ скрипт>
<Script SRC = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ скрипт>
</ Head>
<Body>
<Div ID = "ProgressBar"> </ DIV>
<Script>
$ ( "#progressbar") .progressbar ({
Значение: ложная
});
</ Script>
</ Body>
</ HTML>