meter — числовая шкала

🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

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

<meter value="75" min="0" max="100">75%</meter>

75%

Атрибуты тега <meter>:

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

Вместо тега <meter> можно использовать <div> или <span> с CSS-стилями.

Полезные статьи — по почте

Подпишитесь на редакторскую рассылку о фронтенде, новых CSS-штучках и всём, что пригодится разработчику.

Присылаем одно письмо в неделю. Без спама и нейросетей.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.