Тег meter

Тег meter служит для вывода значения в известном диапазоне. Может изменять цвет индикатора в зависимости от значения. Стилизация данного тега может быть разной в зависимости от браузера.

<label for="task">Процесс выполнения задачи:</label>
<meter id="task" min="0" max="100" low="25" high="50" optimum="75" value="70"></meter>
  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Атрибуты

value="50"

Текущее значение индикатора. Значение должно быть в числовом диапазоне атрибутов min и max

min="0"

Минимальное значение индикатора

max="100"

Максимальное значение индикатора

low="25"

Верхняя числовая граница нижнего предела измеряемого диапазона. Значение должно быть меньше чем в атрибуте high. 

<label for="task_1">Процесс выполнения задачи:</label>
<meter id="task_1" min="0" max="100" low="25" high="50" optimum="75" value="24"></meter>
high="50"

Нижняя числовая граница верхнего предела измеряемого диапазона.

<label for="task_2">Процесс выполнения задачи:</label>
<meter id="task_2" min="0" max="100" low="25" high="50" optimum="75" value="49"></meter>
optimum="75"

Оптимальное числовое значение. При использовании с атрибутами low и high, он указывает какая часть диапазона является предпочтительной.

<label for="task_3">Процесс выполнения задачи:</label>
<meter id="task_3" min="0" max="100" low="25" high="50" optimum="75" value="75"></meter>

Читайте также

<a> ссылка <button> кнопка <caption> заголовок таблицы <col> столбец в таблице <datalist> выпадающий список для тега input <fieldset> группа полей формы <figcaption> заголовок для figure <h4> заголовок четвертого уровня <img> вставка изображения <pre> отформатированный текст <source> источник файла <style> стили документа <ul> ненумерованный список <use> Использование SVG элементов <video> вставка видео

Обсуждение (1)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии

Igor
У меня в Sublime Text 3 не работает тег . Код вписываю, вроде, правильно, а в index.html изменений не происходит. Просто не видит. Google Chrom. Вы не могли бы сказать в чем может быть дело? Может я что не установил из дополнительных настроек?

Температура
норма
немного повышена
высокая