HTML тег <meter>

Поддержка браузерами

Описание

HTML тег <meter> представляет скалярную меру в пределах известного диапазона или дробную величину. Например, объем занятого дискового пространства, релевантность результата запроса или долю населения, имеющего права голоса.

Он имеет один обязательный атрибут - value. Из необязательных атрибутов стоит обратить внимание на min и max, если они отсутствуют, то подразумевается диапазон от 0 до 1.

В старых браузерах, не поддерживающих элемент <meter>, в качестве альтернативного варианта будет отображаться текстовое содержимое элемента.

Примечание: элемент <meter> не должен использоваться для обозначения индикатора прогресса, для этого предназначен элемент <progress>

Атрибуты

form:

Устанавливает связь между формой и элементом <meter>. В качестве значения выступает идентификатор нужной формы. Атрибут form используется только в том случае, если элемент <meter> связан с одним из элементов формы, но даже в этом случае он может быть опущен, если он является ее потомком.

high:

Определяет диапазон, при достижении которого значение считается высоким. В качестве значения выступает число, которое должно быть меньше, чем значение атрибута max и меньше значений атрибутов low и min. Если атрибут high не установлен, то высокое значение будет равно максимальному, устанавливаемому атрибутом max.

low:

Определяет диапазон, при достижении которого значение считается низким. В качестве значения выступает число, которое должно быть больше, чем значение атрибута min и меньше значений атрибутов high и max. Если атрибут low не установлен, то низкое значение будет равно минимальному, устанавливаемому атрибутом min.

max:

Задает максимальное значение диапазона. Если атрибут не указан, то максимальное значение будет равно 1.

min:

Определяет минимальное значение диапазона. Если атрибут не указан, то максимальное значение будет равно 0.

optimum:

Определяет оптимальное числовое значение, которое должно входить в пределы диапазона, определяемого атрибутами min и max.

value:

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

Тег <meter> так же поддерживает Глобальные атрибуты и События

Стиль по умолчанию

Нет.

Пример

<meter value="2" min="0" max="10">2 из 10</meter><br>
<meter value="0.6">60%</meter> 

Результат данного примера в окне браузера: