Тег <progress> определяет индикатор прогресса выполнения задачи (прогресс-бар). Динамическое изменение значения происходит через JavaScript.
Внешний вид элемента зависит от браузера и операционной системы и может различаться между собой.
Тег <progress> не должен использоваться для определения индикатора состояния (использование дискового пространства, релевантность результатов поиска, заполненность неких объемов и т.п.). Для этого используется тег <meter>.
Разница между HTML 4.01 и HTML5
Тег <progress> был добавлен в HTML5.
Атрибуты тега <progress>
| Атрибут | Описание |
|---|---|
| max | Определяет верхнюю границу диапазона допустимых значений прогресс-бара |
| value | Определяет, насколько текущая задача выполнена |
Общие атрибуты
Тег <progress> поддерживает общие атрибуты и атрибуты-события.
HTML пример использования
Прогресс загрузки файла:
<progress value="22" max="100"></progress>
