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 секунд без индикатора завершения — добавьте текст статуса.