progress

Содержание

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

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

Синтаксис

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

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

Обязателен.

Атрибуты

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

Пример

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

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

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

Использование <progress>

Спецификация

СпецификацияСтатус
WHATWG HTML Living StandardЖивой стандарт
HTML5Рекомендация

Браузеры

Internet ExplorerChromeOperaSafariFirefox
106115.26
AndroidFirefox MobileOpera MobileSafari Mobile
2.26117




Рекомендую хостинг: beget.ru

Сервер падал:52 дн. 0:06 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru