html.okpython.net
Основы создания сайтов
HTML :: Тег <progress>
В HTML тег <progress> (от англ. progress – прогресс) используется для отображения графического индикатора хода выполнения задачи. При этом изменения в индикатор прогресса вносятся при помощи скриптов.
Синтаксис
<progress>Текст</progress>
Закрывающий тег: обязателен.
Атрибуты
- max – описывает общий объем задачи, принимая в качестве значения положительное число (по умолчанию используется 1).
- value – сообщает текущее значение хода выполнения задачи. В качестве значения принимает число в диапазоне от нуля до числа, заданного атрибутом max. Если последний не указан, то используется диапазон от 0 до 1. Если не указать атрибут value, индикатор прогресса будет считаться неопределенным.
- Также для элемента доступны универсальные атрибуты и соответствующие атрибуты-события.
Ссылки
Официальный сайт W3C: https://html.spec.whatwg.org/multipage/form-elements.html#the-progress-element
Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/progress
Примеры
HTML
Результат
htmlCodes
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример №1</title> </head> <body> <progress value="30" max="100">30%</progress> </body> </html>
Пример №1