Пример использования

$(document).ready(function() {

   $("#tabs").tabs();

//Код первой вкладки (стандартное использование)
   $("#pbar1").progressbar({value:30});
   $("#but1,#but2,#but3").button();
   $("#but1").click(function(){$("#pbar1").progressbar("value", $("#pbar1").progressbar("value")+10)});
   $("#but2").click(function(){$("#pbar1").progressbar("value", $("#pbar1").progressbar("value")-10)});
   $("#but3").click(function(){alert($("#pbar1").progressbar("value"));});

});

Определение и использование

С помощью метода progressbar Вы можете создать полосу загрузки.

Полоса загрузки используется для того, чтобы отобразить пользователю текущее состояние выполнения какого-либо действия в процентах.

Для того, чтобы изменять значение value виджета из кода используйте: $(селектор).progressbar("value",новое_значение).

Для того, чтобы узнать текущее значение value виджета используйте: $(селектор).progressbar("value").

С помощью опций и событий перечисленных в таблицах далее на данной странице Вы можете настроить поведение данного виджета под конкретные нужды.

Синтаксис

$(селектор).progressbar(опции_или_события)

селектор выбирает элемент, который будет превращен в виджет.

опции настраивают дополнительные аспекты поведения виджета.

события события связанные с виджетом.

Опции

События

Все обработчики событий принимают два аргумента - стандартный объект event браузера и специальный объект ui.

Синтаксис

$(селектор).progressbar({событие:function(event,ui){Код обработчика}})
//или
$(селектор).bind("progressbarсобытие",function(event,ui){Код обработчика})

Обратите внимание: например для того, чтобы привязать к виджету с id='test' обработчик события create, который выводит сообщение "привет" необходимо будет написать следующий код: $("#test").progressbar({create:function(event,ui){alert("Привет")}}).