Устанавливает текущее значение прогресса выполнения задачи. По умолчанию значение value лежит в диапазоне от 0 до 1, где 0 показывает что задача ещё не начата, а 1 полностью завершена. Промежуточные значения означают, что задача находится в процессе выполнения. К примеру, значение 0.85 говорит, что задача выполнена на 85%.
Индикатор показывает, что задача выполнена на 85%
Если атрибут value не указан, то индикатор прогресса переходит в неопределённое состояние, показывая что задача займёт какое-то время.
Индикатор находится в неопределённом состоянии
Синтаксис
<progress value="<Число>">
</progress>
Значения
Если атрибут max не установлен, значением value может быть любое число от 0 до 1 (например: 0.3).
Если указан атрибут max, значение value может меняться от 0 до max (например: 30).
Пример
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>progress</title>
</head>
<body>
<p>Идёт загрузка игры…</p>
<p><progress value="60" max="100">60%</progress></p>
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.