<progress>
Тег <progress> создаёт индикатор выполнения задачи. Обычно выглядит как прогресс-бар.
Пример
<p>Подождите, пожалуйста, файл загружается</p>
<progress value="30" max="100"></progress>
progress стоит использовать для вывода информации о процессе, который выполняется и должен завершиться: прогресс загрузки файла, процесс соединения абонентов, длительность таймера.
max — максимальное значение. Должно быть положительным, допускаются дробные значения. По умолчанию равно 1.
value — текущее значение. Положительное число, допускаются дробные значения. Должно находится в пределах между 0 и значением атрибута max. Также его можно менять при помощи JavaScript.
👉 @seniorFront