Пример
Показать индикатор выполнения:
<label for="file">Прогресс загрузки:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
Попробуйте сами »
Определение и использование
Тег <progress> представляет индикатор выполнения задачи.
Совет: Всегда добавляйте тег <label> для лучшей доступности!
Советы и примечания
Совет: Используйте тег <progress> вместе с JavaScript для отображения прогресса выполнения задачи.
Примечание: Тег <progress> не подходит для представления измерителя (например, использования дискового пространства или релевантности результата запроса). Для представления измерителя используйте вместо него тег <meter>.
Поддержка браузерами
Числа в таблице указывают первую версию браузера, полностью поддерживающую элемент.
| Элемент | |||||
|---|---|---|---|---|---|
| <progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| max | число | Задает общий объем работы, необходимой для выполнения задачи. Значение по умолчанию: 1 |
| value | число | Задает, какая часть задачи уже выполнена |
Глобальные атрибуты
Тег <progress> также поддерживает Глобальные атрибуты в HTML.
Атрибуты событий
Тег <progress> также поддерживает Атрибуты событий в HTML.
Связанные страницы
Справочник HTML DOM: Объект Progress
Настройки CSS по умолчанию
Нет.