Тег 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>

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

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

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