HTML - тег <progress>
Пример
Показать индикатор выполнения:
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
Определение и использование
Тег <progress>
представляет ход выполнения задачи.
Совет. Всегда добавляйте тег <label> , чтобы улучшить доступность!
Советы и примечания
Совет. Используйте <progress>
тег в сочетании с JavaScript для отображения хода выполнения задачи.
Примечание . Этот <progress>
тег не подходит для представления показателя (например, использования дискового пространства или релевантности результата запроса). Вместо этого для представления датчика используйте тег <meter> .
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, полностью поддерживающую элемент.
Element | |||||
---|---|---|---|---|---|
<progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Атрибуты
Attribute | Value | Description |
---|---|---|
max | number | Specifies how much work the task requires in total. Default value is 1 |
value | number | Specifies how much of the task has been completed |
Глобальные атрибуты
Тег <progress>
также поддерживает глобальные атрибуты в HTML .
Атрибуты события
Тег <progress>
также поддерживает атрибуты событий в HTML .
Связанные страницы
Справочник по HTML DOM: объект Progress
Настройки CSS по умолчанию
Никто.