/html/progress:> Шкала прогресса_

Элемент progress

Синтаксис

HTML
<progress> ... </progress>

Описание

Элемент progress (от англ. "progress" ‒ «ход, процесс») выводит шкалу прогресса (прогресс бар), отображающую ход выполнения задачи. Ход выполнения создаётся при помощи JavaScript.

Примечание

Для создания счётчика скалярных изменений (количество использованного дискового пространства, результаты опроса) используется элемент meter.

Совет

Так как в старых браузерах данный элемент не поддерживается в него желательно вкладывать текст с соответствующими числовыми значениями.


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

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

Верс. Раздел
HTML
2.0 ---
3.2 ---
4.01 ---
5.0 4.10.14 The progress element
5.1 4.10.14. The progress element
XHTML
1.0 ---
1.1 ---

Атрибуты

max
Указывает максимальное значение шкалы.
value
Указывает текущее значение шкалы.
Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

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

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент progress</title>
</head>
<body onload="updateProgress(75)">
<h1>Пример использования элемента "progress"</h1>
<p>Выполнено: <progress id="progr" max="100"> <span id="progressNumber">0</span>%</progress></p>
<script type="text/javascript" src="updateProgress.js"></script>
</body>
</html>
Элемент progress