<progress>

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

Вид элемента зависит от браузера и операционной системы и может довольно сильно различаться между собой.

Закрывающийся тег:

Обязателен

Поддержка:

HTML5

Атрибуты:

value Текущее значение прогресса.

 <progress max="100" value="57">
    Загружено на <span id="value">57</span>%
  </progress>

max Максимальное значение прогресса.

 <progress max="100" value="12">
    Загружено на <span id="value">12</span>%
  </progress>

Пример:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>progress</title>
 </head> 
 <body>
  <p>Пожалуйста, подождите, данные загружаются.</p>
  <progress max="100" value="57">
    Загружено на <span id="value">57</span>%
  </progress>
 </body>
</html>