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

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

См. также тег meter, который выводит диапазон значений в красивом виде.

Атрибуты

Значением атрибутов служат целые или дробные числа.

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

Примеры

Пример

<progress max="100" value="25">
	Загружено на 25%
</progress>

Результат выполнения кода:

Загружено на 25%

Пример

<progress max="100" value="75">
	Загружено на 75%
</progress>

Результат выполнения кода:

Загружено на 75%

Пример

<progress max="100" value="100">
	Загружено на 100%
</progress>

Результат выполнения кода:

Загружено на 100%

Пример

<progress max="100" value="0">
	Загружено на 0%
</progress>

Результат выполнения кода:

Загружено на 0%

Пример . Дробные значения

<progress max="100" value="10.5">
	Загружено на 10.5%
</progress>

Результат выполнения кода:

Загружено на 10.5%