HTML Тег <progress>
Приклад
Показати індикатор виконання:
<label for="file">Хід завантаження:</label>
<progress id="file" value="32" max="100"> 32% </progress>
Спробуйте самі »
Визначення та використання
Тег <progress> представляє хід виконання завдання.
Порада: Завжди додавайте тег <label> для найкращих практик доступності!
Поради та примітки
Порада: Використовуйте тег <progress> у поєднанні з JavaScript, щоб відобразити хід виконання завдання.
Примітка: Тег <progress> не підходить для представлення показника (наприклад, використання дискового простору або релевантність результату запиту). Щоб представити вимірювальний прилад, замість нього використовуйте тег <meter>.
Підтримка браузерами
Числа в таблиці вказують на першу версію браузера, яка повністю підтримує елемент.
| Елемент | |||||
|---|---|---|---|---|---|
| <progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Атрибути
| Атрибут | Значення | Опис |
|---|---|---|
| max | число | Визначає, скільки всього роботи вимагає завдання. Значення за замовчуванням 1 |
| value | число | Вказує, яку частину завдання було виконано |
Глобальні атрибути
Тег <progress> також підтримує Глобальні атрибути в HTML.
Атрибути подій
Тег <progress> також підтримує Атрибути подій в HTML.
Пов’язані сторінки
HTML DOM довідник: Об’єкт Progress
CSS налаштування за замовчуванням
Немає.
