HTML тег <progress>

Тег <progress> используется для отображения индикатора прогресса выполнения задачи (progress bar). Динамически изменяющиеся значения индикатора прогресса задаются скриптами (JavaScript).

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

Синтаксис

Тег <progress> парный, закрывающий тег обязателен.

Пример

<!DOCTYPE html>
<html>
  <head>
    <title>Заголовок окна веб-страницы</title>
  </head>
  <body>
    <span>Загрузка:</span>
    <progress value="35" max="100"></progress>
  </body>
</html>

Результат

Атрибуты

Атрибут Значение Описание
max number Задает максимальный объем текущего процесса. Значением может быть положительное число быть больше нуля.
value number Задает размер уже выполненного объема работы. Значением может быть число от 0 до числа, указанного в атрибуте max, или число в диапазоне от 0 до 1, если атрибут max не указан.

Тег <progress> поддерживает также глобальные атрибуты и атрибуты событий.

Browser support

8+ 10+ 16+ 6+ 11+



Related articles