steps(): пошаговая анимация прогресс-бара
steps(4, end) для дискретного loader.
`animation-timing-function: steps(5, end)` делит прогресс на 5 дискретных кадров — ретро-loader без sprite-sheet.
`step-start` и `step-end` меняют, в начале или в конце шага происходит скачок значения.
- steps() — MDN — Количество шагов и direction.
- easing functions — web.dev — Обзор timing functions.
Доступность
Не используйте мигающий steps-loader дольше 3 секунд без индикатора завершения — добавьте текст статуса.