Как реализовать такой прогрессбар?

Question

[kentos]

Как реализовать такой прогресс бар? Цифры я сделал, а вот как сделать чтобы при смене слайдов полоска заполнялось цветом и потом двойка белая, а единица с этой полоской серая?

слайдер -- Swiper

Comments

[Евгений]

использовать callback функции Swiper`а

[kentos]

Евгений, а можно подробней?

Answer 1

[SeltonSoer]

Если юзаешь js, то делай это через js, создай функцию, которая будет менять цвет полоски. При этом думаю, что у полосок должен быть уникальный id. С числами собственно также.
Можешь вообще свой слайдер написать, хорошая практика.