Индикатор прогресса в многошаговом сценарии: пользователь видит, на каком шаге он находится, сколько пройдено и что осталось — оформление заказа или онбординг перестают выглядеть бесконечными. Размещайте над формой мастера (checkout, визарды настройки).

Технические детали: рендерится нумерованным списком ol; текущий шаг — aria-current="step". Состояния шагов: пройденные (галочка), активный, будущие (приглушены). modelValue — 0-based индекс текущего шага. С clickable все шаги, кроме активного, становятся кнопками — клик переводит как назад, так и вперёд. flow — индикатор активного шага переливается градиентом темы (--core-flow-image), отключается при prefers-reduced-motion.