Тег 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>Читайте также
Обсуждение (1)
Войдите или зарегистрируйтесь для того чтобы оставлять комментарии
Температура
норма
немного повышена
высокая