САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML тег <progress>


Пример

Идёт загрузка (в прогрессе):

<progress value="22" max="100"></progress>
Попробуйте сами »

Определение и использование

Тег <progress> представляет ход выполнения задачи.


Поддержка браузерами

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

Элемент
<progress> 8.0 10.0 16.0 6.0 11.0

Различия между HTML 4.01 и HTML5

Тег <progress> новый в HTML5.


Советы и примечания

Совет: Используйте тег <progress> в сочетании с JavaScript для отображения хода выполнения задачи.
Примечание: Тег <progress> не подходит для представления индикатора (например, использование дискового пространства или релевантность результата запроса). Чтобы представить датчик, используйте вместо него тег <meter>.

Атрибуты

Атрибут Значение Описание
max number Определяет, сколько работы требуется в общей сложности
value number Определяет, сколько задачи было выполнено

Глобальные атрибуты

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


Атрибуты событий

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


Связанные страницы

HTML DOM справочник: Объект Progress


Настройки CSS по умолчанию

Отсутствуют.