steps(): пошаговая анимация прогресс-бара

animation-timing-function: steps(5, end) делит прогресс на 5 дискретных кадров — ретро-loader без sprite-sheet.

step-start и step-end меняют, в начале или в конце шага происходит скачок значения.

- [steps() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/easing-function/steps) — Количество шагов и direction.

- [easing functions — web.dev](https://web.dev/learn/css/animations#easing_functions) — Обзор timing functions.

---

## Доступность

Не используйте мигающий steps-loader дольше 3 секунд без индикатора завершения — добавьте текст статуса.