Тег <meter>

Значение в диапазоне
  • Категории: Потоковое содержимое, Фразовое содержимое
  • Контекст:

    Где ожидается фразовое содержимое.

  • Модель:

    Фразовое содержимое, кроме элемента <meter>.

Тег <meter> (от англ. "meter" - счётчик) позволят вставить на страницу индикатор, который показывает некоторое значение в пределах диапазона:

  • уровень заполненности диска
  • актуальность результата запроса
  • доля голосующих за конкретного кандидата
  • и т.д.

Для описания назначения счетчика используется элемент <label>. Содержимое счетчика не выводится на экран, но служит как альтернативный текст, если элемент не поддерживается. Рекомендуется указывать данное значения для пользователь с устаревшими браузерами.

Счетчик не следует использовать для отображения процесса выполнения задач. Для этого существует элемент <progress>.

Атрибуты

  • Глобальные атрибуты
  • value - текущее значение
  • min - нижняя граница диапазона
  • max - верхняя граница диапазона
  • low - верхний предел нижнего диапазона
  • high - нижний предел высокого диапазона
  • optimum - оптимальное значение

  • Уровень заполненности флешки

    Используем счетчик, чтобы показать уровень заполненности флеш-накопителя или диска компьютера. По умолчанию счетчик работает в диапазоне от 0 до 1, но при помощи атрибутов min и max мы можем это изменить:

  • Диапазоны счетчика

    Используя специальные атрибуты, мы можем сегментировать диапазон на три области:

    • low - значение, которое считается низким
    • high - значение, которое считается высоким
    • optimum - значение, которое считается оптимальным

    Данные диапазоны будут влиять на цвет индикатора датчика. Оптимальное значение может находиться как ниже значения low, так и выше значения high, и даже между ними:

Поделитесь данной записью с друзьями