Как сделать анимацию dots в слайдере?

Question

[S P]

Доброго времени суток, как сделать анимацию для навигации. Есть слайдер autoplay, как сделать анимацию для dots чтобы при переключении слайдера dots заполнялся?

Слайдер использую - splidejs slide

Comments

[S P]

Примерная анимация (надо регулировать скорость) https://codepen.io/dem-dev/pen/NWRWBJj

[inkShio]

Сергей Пономарёв, так регулируй, меняй время https://codepen.io/inkshio/pen/jOMOvvQ

Answer 1

[inkShio]

У активной кнопки класс is-active, если есть is-active воспроизводить анимацию.

Comments

[S P]

а есть примеры таких слайдеров?

[S P]

Alice Shevtsova, обязательно отмечу Ваш комментарий, как решение)

[inkShio]

Сергей Пономарёв, у меня нету, возможно где то есть. С данным слайдером не знаком. Изучай Api смотри если возможность кастомить пагинацию, если есть, то тогда сможешь спокойно взять свой пример и сделать такую пагинацию.

Answer 2

[Олег]

Если не смущает поддержка conic-gradients
То так можно