Тэг progress

Тэг progress выкарыстоўваецца для адлюстравання прагрэсу завершанасці задачы. Змяненне значэння адбываецца праз JavaScript. Унутры тэга ўказваць тэкст, які будзе адлюстраваны ў выпадку, калі браўзэр не разумее гэты тэг.

Атрыбуты

Атрыбут Апісанне
value Бягучае значэнне прагрэсу.
max Максімальнае значэнне прагрэсу.

Значэннем атрыбутаў служаць цэлыя або дробныя лікі.

Прыклад

html<progress max="100" value="25">
  Загружана на 25%
</progress>

Результат:

Прыклад

html<progress max="100" value="75">
  Загружана на 75%
</progress>

Результат:

Прыклад

html<progress max="100" value="100">
  Загружана на 100%
</progress>

Результат:

Прыклад

html<progress max="100" value="0">
  Загружана на 0%
</progress>

Результат:

Прыклад . Дробныя значэнні

html<progress max="100" value="10.5">
  Загружана на 10.5%
</progress>

Результат:

Глядзіце таксама

  • тэг meter,
    які выводзіць дыяпазон значэнняў у прыгожым выглядзе