САЙТ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ НА РУССКОМ ЯЗЫКЕ

HTML Тег <progress> прогресс



Загрузка в процессе:

Пример

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

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

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


Поддержка браузеров

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

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

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

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


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

Совет: Используйте тег <progress> в сочетании с JavaScript для отображения хода выполнения задачи.

Примечание: Tег <progress> не подходит для представления датчика (например, использование дискового пространства или релевантность результата запроса). Для представления датчика используйте тег <meter>.


Атрибуты

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

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

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


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

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


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

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


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

Нет.