ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML БОЛЬШЕ 🔍 ◑ КНИГИ УПРАЖНЕНИЯ СПРАВОЧНИКИ
HTML теги. Полный справочник

HTML тег <progress>

❮ Prev Полный HTML справочник Next ❯

Пример

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

<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 по умолчанию

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

❮ Prev Полный HTML справочник Next ❯