• Категории: Потоковое содержимое, Фразовое содержимое
• Контекст:

  Где ожидается фразовое содержимое.

• Модель:

  Фразовое содержимое, кроме элемента <progress>.

Тег <progress> (от англ. "progress" - прогресс) позволяет показать ход выполнения какой-либо продолжительной задачи в виде заполняющейся полоски. Внешний вид прогрессбара зависит от браузера, но может быть изменен через CSS, а все его управление происходит через JavaScript.

Для описания назначения прогрессбара используется элемент <label>. Содержимое прогрессбара не выводится на экран, но служит как альтернативный текст, если элемент не поддерживается. Рекомендуется указывать данное значения для пользователь с устаревшими браузерами.

Прогрессбар следует использовать только для указания выполнения задачи. В других случаях, вероятно, лучше подойдет элемент <meter>.

Атрибуты

• Глобальные атрибуты
• value - текущее значение прогресса
• max - максимальное значение прогресса

• Неопределенный индикатор

  Если атрибут value не указан, то завершение процесса считается неопределенным. Например, процесс закончился, но мы ожидаем ответа от сервера и не можем знать, когда точно его получим:

• Диапазон по умолчанию

  По умолчанию прогрессбар работает в диапазоне от 0 до 1 и значение value должно ему соответствовать:

• Смена диапазона

  При помощи атрибута max мы можем изменить диапазон допустимых значений: