design

<meter>: индикатор заполненности без progress

<meter>: индикатор заполненности без progress

<meter value="0.7" min="0" max="1"> показывает долю в диапазоне с зонами low/high — подходит для «заполненности брифа» или лимита тарифа, в отличие от <progress> для завершённой задачи.

Не путайте meter с progress bar загрузки файла — у progress нет optimum.

- [<meter> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meter) — Семантика и атрибуты.

- [<progress> — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress) — Сравнение элементов.

---

## Стили

Кастомизация meter ограничена — для пиксель-перфекта иногда нужен role=meter на div, но теряется нативная семантика.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.