Тег <progress> используется для отображения индикатора прогресса выполнения задачи (progress bar). Динамически изменяющиеся значения индикатора прогресса задаются скриптами (JavaScript).
Внешний вид элемента может отличаться, в зависимости от браузера и операционной системы.
Синтаксис
Тег <progress> парный, закрывающий тег обязателен.
Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок окна веб-страницы</title>
</head>
<body>
<span>Загрузка:</span>
<progress value="35" max="100"></progress>
</body>
</html>Результат
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| max | number | Задает максимальный объем текущего процесса. Значением может быть положительное число быть больше нуля. |
| value | number | Задает размер уже выполненного объема работы. Значением может быть число от 0 до числа, указанного в атрибуте max, или число в диапазоне от 0 до 1, если атрибут max не указан. |
Тег <progress> поддерживает также глобальные атрибуты и атрибуты событий.
Поддержка браузера
|
|
|
|
|---|---|---|---|
| 8+ | 16+ | 6+ | 11+ |
Практикуйте свои знания
Что означает тег <progress> в HTML?
Правильный!
Неправильно!