Опубликовано admin - вт, 05/01/2018 - 23:02
progressbar(options) → jQuery

Прогрессбар предназначен для простого отображение текущего выполнения определенного процесса в процентах. Прогрессбар достаточно гибок к изменению посредством CSS и масштабированию внутри родительского элемента по умолчанию.
Данный плагин устанавливает индикатор выполнения, это значит то, что данный плагин нужно использовать в ситуациях, где система может точно обновлять текущее значение хода выполнения процесса. Индикатор выполнения не наполняется слева на право, а затем снова повторяет цикл, становясь пустым, для единичного процесса, – если действительное ход выполнения не может быть рассчитан, лучше использовать неопределенный индикатор выполнения или вращающуюся анимацию чтобы обеспечить лучший путь взаимодействия с пользователем.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="http://test-drupal.ru/themes/slyweb/css/jquery-ui-1.7.2.custom.css" 
rel="stylesheet" type="text/css"/>
<script src="http://test-drupal.ru/themes/slyweb/js/jquery-1.3.2.min.js"></script>
<script src="http://test-drupal.ru/themes/slyweb/js/jquery-ui-1.7.2.custom.min.js"></script>  
<script>
  $(document).ready(function(){

		$("#progressbar").progressbar({
			value: 37
		});

  });
</script>

</head>
<body class="iframe">


<div class="demo">

	<div id="progressbar"></div>

</div><!-- End demo -->

<div style="display: none;" class="demo-description">

<p>Default determinate progress bar.</p>

</div><!-- End demo-description -->


</body>
</html>

Опция: value


Событие: change

Событие: focus

Метод: destroy

Метод: disable

Метод: enable

Метод: option

Метод: value

Используемая тема jQuery UI

Плагин UI Progressbar plugin использует jQuery UI CSS структуру для придания стиля, включающую цвета и фоновые текстуры. Мы рекомендуем использовать инструмент ThemeRoller для создания и загрузки тем, которые легко встраиваются и поддерживаются. Если нуждается более гдубокий уровень настройки, сущетсвует особый виджет классов ссылающийся на ui.draggable.css лист стилей, который может быть модифицирован. Данный класс подчеркнут жирным ниже.

Образец разметки jQuery UI CSS струтктуры классов

<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all">
   <div style="width: 37%;" class="ui-progressbar-value ui-widget-header ui-corner-left"></div>
</div> 
Примечание: Данный образец разметки создан посредством плагина progressbar, это не разметка для того чтобы создать прогрессбар. Для этого достаточно следующей разметки<div></div>.

На разработку сайта! Скидки до 20%!