НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. W3Schools українською. Повний довідник тегів

En

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 налаштування за замовчуванням

Немає.