Слайдер slick индикатор загрузки для dots?

Question

[Денис]

Есть слайдер Slick на нем есть булеты ( dots ) как вокруг них сделать индикатор загрузки? целы день вожусь, не получается, пробую и с clip-path, почти но не то

g1t.ru/video/iA0fG7kW8K.mp4

Answer 1

[kryamk]

Comments

[Денис]

Круто супер, предполагал что надо svg, а как теперь это в Slick dots подставить ?

[Денис]

Разобрался супер, как я сразу не догадался, и делал же примерно в этом направлении ((

$(".slider").slick({
    dots: true,
    customPaging : function(slider, i) {
        return '<div class="rt-n-banner-paginator-item rt-n-banner-paginator-item--active"><svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" class="rt-n-banner-paginator-round" style="stroke-dashoffset: 45px;"><circle stroke-width="1.5" cx="9" cy="9" r="7" fill="none" class="rt-n-banner-paginator-oval"></circle></svg></div>';
    },

});