design

<progress> и <meter>: индикаторы загрузки и KPI

<progress> и <meter>: индикаторы загрузки и KPI

<progress value="70" max="100"> — ход выполнения задачи; <meter value="0.7" min="0" max="1"> — измерение в допустимом диапазоне (не для произвольного процента загрузки).

Стилизуйте через appearance и псевдоэлементы WebKit или обёртку в UI-kit.

- [progress element — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress) — Атрибуты value/max.

- [meter element — MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meter) — Отличие от progress.

---

## A11y

Дублируйте процент текстом для screen reader, если полоса декоративная.

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

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

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