/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 |
Атрибуты
Пример использования
Листинг кода
<!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>
<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