Вы здесь

HTML тег progress

Тег <progress> определяет индикатор прогресса выполнения задачи (прогресс-бар). Динамическое изменение значения происходит через JavaScript.

Внешний вид элемента зависит от браузера и операционной системы и может различаться между собой.

Тег <progress> не должен использоваться для определения индикатора состояния (использование дискового пространства, релевантность результатов поиска, заполненность неких объемов и т.п.). Для этого используется тег <meter>.

Разница между HTML 4.01 и HTML5
Тег <progress> был добавлен в HTML5.
Атрибуты тега <progress>
Атрибут Описание
max Определяет верхнюю границу диапазона допустимых значений прогресс-бара
value Определяет, насколько текущая задача выполнена
Общие атрибуты

Тег <progress> поддерживает общие атрибуты и атрибуты-события.

HTML пример

Прогресс загрузки файла:


<progress value="22" max="100"></progress>