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

Описание

Атрибут max для тега <meter> определяет максимальное значение диапазона. Этот атрибут задает верхнюю границу шкалы измерения и является обязательным для корректной работы элемента.

Пример использования:
<meter value="75" min="0" max="100">75%</meter>

Особенности работы:

Атрибут Значение по умолчанию Обязательный Допустимые значения
max 1 Да (если не используется form) Любое число больше min

Примеры разных диапазонов:

<!-- Процентная шкала --> <meter value="42" min="0" max="100">42%</meter> <!-- Рейтинговая шкала --> <meter value="4" min="1" max="5">4 из 5</meter> <!-- Температурная шкала --> <meter value="23.5" min="-20" max="50">23.5°C</meter>

Рекомендации по использованию:

  • Всегда указывайте max вместе с min и value
  • Для процентных значений используйте max="100"
  • Для рейтингов задавайте понятные границы (1-5, 1-10)
  • Сочетайте с high/low для цветовой индикации

Примечание: Хотя элемент <meter> поддерживается всеми современными браузерами, для сложных индикаторов прогресса или кастомного дизайна рассмотрите использование CSS-анимаций или JavaScript-библиотек.