Руководство по HTML

Полный список тегов HTML

HTML5: <progress> тег

Элемент <progress> в HTML используется для отображения прогресса выполнения задачи.Хотя в стандарте не указано, как именно должен отображаться этот элемент, разработчики браузеров могут решить это сами.Но обычно элемент отображается в виде прогресс-бара.

Онлайн пример

Метка "Прогресс загрузки":

Пример

<!doctype html>
<html>
<head>
　　<title>Использование тега progress в HTML5 (Веб-сайт основного руководства oldtoolbag.com)</title>
　　<meta charset="UTF-8">
</head>
<body>
　　　　<p>This is a live example of the HTML5 element <a href="//ru.oldtoolbag.com"><progress></a></p>
　　　　<progress value="70" max="100">70 %</progress>
</body>
</html>

Проверьте ‹/›

Совместимость браузеров

IEFirefoxOperaChromeSafari

IE 10, Firefox, Opera, Chrome и Safari 6 поддерживают тег <progress>.

Примечание: Теги <progress> не поддерживаются в браузерах IE 9 и более ранних версиях IE.

Описание тега и его использования

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

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

Тег <progress> является новым тегом в HTML5.

Советы и注意事项

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

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

Свойства

New: Новые свойства в HTML5.

Свойства	Значение	Описание
maxHTML5	number	Определяет значение, которое нужно выполнить.
valueHTML5	number	Определяет текущее значение процесса.

Глобальные свойства

Поддержка тега <progress> Глобальные свойства HTML.

Событийные свойства

Поддержка тега <progress> Событийные свойства HTML.

HTML: <q> тег HTML: <picture> элемент