Тег <progress>

IE
10.0+
Chrome
6.0+
Opera
11.0+
Safari
5.2+
Firefox
6.0+
Android
iOS

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

Закрывающий тег обязателен.

<progress value="<число>" max="<число>">Текст</progress>

Атрибуты

value: Текущее значение прогресса
max: Максимальное значение прогресса

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег progress</title>
 </head> 
 <body>
  <h1>Идет обработка запроса.</h1>
  <progress max="100" value="25">
    Завершено на <span id="value">25</span>%
  </progress>
 </body>
</html>

Результат примера показан на рисунке ниже:

Использование тега progress

Категория: HTML5