HTML <progress> Тег
Пример
Загрузка выполняется:
<progress value="22" max="100"></progress>
Определение и использование
Тег <progress> представляет ход выполнения задачи.
Поддержка браузера
Номера в таблице указывают первую версию браузера, которая полностью поддерживает элемент.
| Элемент | |||||
|---|---|---|---|---|---|
| <progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Различия между HTML 4,01 и HTML5
Тег <progress> является новым в HTML5.
Советы и примечания
Совет: Используйте тег <progress> в сочетании с JavaScript для отображения хода выполнения задачи.
Примечание: Тег <progress> не подходит для представления датчика (например, использование дискового пространства или релевантность результата запроса). Для представления датчика используйте <meter> вместо тега.
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| max | number | Определяет объем трудозатрат, требуемых для выполнения задачи |
| value | number | Указывает, сколько задач было завершено |
Глобальные атрибуты
Тег <progress> также поддерживает Глобальные атрибуты в HTML.
Атрибуты события
Тег <progress> также поддерживает Атрибуты событий в HTML.
Похожие страницы
HTML DOM reference: Progress Object
Параметры CSS по умолчанию
Нет.