HTML <progress> тег

  • Предыдущая страница <pre>
  • Следующая страница <q>

Определение и использование

<progress> тег中表示任务的 прогресс.

Совет:Всегда добавляйте <label> Тег для достижения наилучших практик доступности!

Узнайте также:

Руководство HTML DOM:Объект Progress

Пример

Отображение полосы прогресса：

<label for="file">Загрузка прогресса：</label>
<progress id="file" value="32" max="100"> 32% </progress>

Попробуйте сами

Советы и комментарии

Совет:Перенести <progress> Использование маркера с JavaScript позволяет отображать прогресс задачи.

Примечание:<progress> Тег не подходит для представления индикаторов (например, использования дискового пространства или релевантности результатов запроса). Для представления индикаторов используйте тег <meter>.

Свойство

Свойство Значение Описание
max Число Определяет общее количество работы задачи. Значение по умолчанию равно 1.
value Число Определяет часть задачи, завершенной.

Глобальные свойства

<progress> Тег также поддерживает Глобальные свойства HTML.

Свойства событий

<progress> Тег также поддерживает Свойства событий в HTML.

DEFAULT CSS настройки

Нет.

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот тег.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0
  • Предыдущая страница <pre>
  • Следующая страница <q>