<meter>
Шкала величины в известном диапазоне: заряд, заполненность, оценка.
Синтаксис
<meter value="0.6" min="0" max="1"></meter>Атрибуты
| Параметр | Тип | Описание |
|---|---|---|
| value | number | Текущее значение. |
| min, max | number | Границы диапазона (по умолчанию 0 и 1). |
| low, high, optimum | number | Необязательные. Зоны «мало», «много» и лучшее значение — от них зависит цвет. |
Примеры
Цвет зависит от зоны:
<p>Battery: <meter value="85" min="0" max="100" low="20" high="80" optimum="100"></meter></p>
<p>Battery: <meter value="50" min="0" max="100" low="20" high="80" optimum="100"></meter></p>
<p>Battery: <meter value="10" min="0" max="100" low="20" high="80" optimum="100"></meter></p>Примечания
<meter> показывает измерение, а <progress> — ход задачи. Внешний вид шкалы зависит от браузера; полностью перерисовать её через CSS сложно.
См. также
- <progress> — Индикатор выполнения задачи: загрузки, шагов формы.
- <output> — Результат вычисления или действия пользователя.
Вопросы и ответы по теме
В учебнике
- Виды полей ввода — Атрибут type у input — текст, почта, пароль, числа и ползунок, даты, флажки, переключатели, цвет и файл.