Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <progress>



Пример

Показать индикатор выполнения:

<label for="file">Скачивание индикатор:</label>
<progress id="file" value="32" max="100"> 32% </progress>
Попробуйте сами »


Определение и использование <progress>

Тег <progress> представляет собой индикатор выполнения задачи.

Совет: Всегда добавляйте тег <label> для лучших практик доступности!


Совет: Используйте тег <progress> в сочетании с JavaScript для отображения индикатора выполнения задачи.

Примечание: Тег <progress> не подходит для представления датчика (например, использование дискового пространства или релевантность результата запроса). Чтобы представить датчик, используйте тег <meter>.


Поддержка браузеров <progress>

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.

Элемент
<progress> 8.0 10.0 16.0 6.0 11.0

Атрибуты <progress>

Атрибут Значение Описание
max number Указывает, сколько работы требуется для выполнения задачи в целом. Значение по умолчанию равно 1
value number Указывает, какая часть задачи была выполнена

Глобальные атрибуты <progress>

Тег <progress> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <progress>

Тег <progress> также поддерживает События атрибутов в HTML.


Связанные страницы <progress>

HTML DOM Справочник: Объект Progress


Настройки CSS по умолчанию <progress>

Нет.