<progress>

Используется для отображения прогресса завершённости задачи. Изменение значения происходит через JavaScript.

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

Синтаксис

<progress value="<число>" max="<число>">
Текст
</progress>

Атрибуты

value
Текущее значение прогресса.
max
Максимальное значение прогресса.

Пример

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>progress</title> </head> <body> <p>Пожалуйста, подождите, фотографии загружаются.</p> <progress max="100" value="25"> Загружено на <span id="value">25</span>% </progress> </body> </html>

Результат примера показан на рис. 1.

Использование progress

Использование <progress>

Спецификация

Спецификация Статус
WHATWG HTML Living Standard Живой стандарт
HTML5 Рекомендация

Браузеры

10 12 6 11 5.2 6
2.2 6 11 7

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.