Атрибут value

Атрибут value устанавливает текущее значение прогресса выполнения задачи. По умолчанию значение 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>

Браузеры


10	12	8	11.5	6	6


4.4	6	12	7