Використовується для відображення прогресу завершеності завдання. Зміна значення відбувається через JavaScript.
Вигляд елемента залежить від браузера та операційної системи і може досить відрізнятися між собою.
Синтаксис
<progress value="<число>" max="<число>"> Текст </progress>
Закриваючий тег
Обов'язковий.
Атрибути
- value
- Поточне значення прогресу.
- max
- Максимальне значення прогресу.
Приклад
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>progress</title> </head> <body> <p>Будь ласка, зачекайте, фотографії завантажуються.</p> <progress max="100" value="25"> Завантажено на <span id="value">25</span>% </progress> </body> </html>
Результат прикладу показано на рис. 1.
Використання <progress>
Специфікація
| Специфікація | Статус |
|---|---|
| WHATWG HTML Living Standard | Живий стандарт |
| HTML5 | Рекомендація |
Специфікація
Кожна специфікація проходить кілька стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. і внесення поправок для розгляду спільнотою. акторами проекту.
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває в постійній розробці та оновлюється регулярно.
Браузери
| 10 | 12 | 6 | 11 | 5.2 | 6 |
| 2.2 | 6 | 11 | 7 |
Браузери
У таблиці браузерів застосовуються наступні позначки ачення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можливо поява різних помилок, або елемент підтримується з застереженнями.
Кількість вказує версію браузреа, починаючи з якої елемент підтримується.
-similar-block" class="block">