Encodera

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.

Справочник HTML & CSS

<progress>

Индикатор выполнения задачи: загрузки, шагов формы.

Синтаксис

<progress value="70" max="100">70%</progress>

Атрибуты

ПараметрТипОписание
valuenumberСколько выполнено. Без него — индикатор «в процессе».
maxnumberЗначение, соответствующее 100%. По умолчанию 1.

Примеры

Определённый и неопределённый прогресс:

<p>Upload: <progress value="70" max="100">70%</progress></p>
<p>Waiting: <progress></progress></p>

Примечания

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

См. также

  • <meter> — Шкала величины в известном диапазоне: заряд, заполненность, оценка.
  • <output> — Результат вычисления или действия пользователя.

Вопросы и ответы по теме

В учебнике

  • Виды полей ввода — Атрибут type у input — текст, почта, пароль, числа и ползунок, даты, флажки, переключатели, цвет и файл.

Спасибо, что читаете!

Пожертвуйте сайту, мы стараемся ради вас.