🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Разработчики используют тег <progress>, чтобы показать прогресс завершения задачи, заполнения формы, загрузки и других длительных процессов.

<p>Страница загружается:</p>
<progress value='50' max='100'></progress>

Атрибуты тега <progress>:

  • value — текущее значение индикатора прогресса.
  • max — максимальное значение. Этот атрибут нужно указывать всегда, иначе браузер не сможет правильно отобразить индикатор прогресса.

Не рекомендуется использовать тег <progress> для отображения прогресса, который можно получить с помощью CSS-анимации или других средств.

Страница загружается: