Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег progress

Справочник: 
Тег

Характеристики тега

В каких браузерах работает?

10.0+ 6.0+ 11.0+ 5.2+ 6.0+ - -

В каких спецификациях используется?

HTML - - 5.0
XHTML - -

Для чего используется?

Задает полосу прогресса при загрузке какого-либо объекта на веб-сайт. Главным образом внешний вид полосы загрузки контролируется посредством скрипта.

Как правильно задавать?

<progress></progress>

Какие атрибуты поддерживаются?

  • value - показывает состояние прогресса в текущий момент.
  • max - предельное значение прогресса.

Закрытый тег

Да.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег progress</title>
 </head>
 <body>
  <p>Состояние загрузки</p>
  <progress max="100" value="75">
    Загружено на <span id="value">75</span>%
  </progress>
 </body>
</html>

По итогу получаем

progress

Тип html тега: 
HTML5