Swiper Circle progress bar

  css, javascript, swiper

could you help me with creating rounded progress bar with Swiper? I tried but all my tries didn’t worked out.

Here is my js

const swiper_news = new Swiper('.slider-news', {
        spaceBetween: 30,
        pagination: {
            el: '.swiper-pagination',
            
        type: "custom"
        }
    });

and here is my css:

.swiper-pagination.swiper-pagination-progressbar-fill{
        border-radius:20px;
    }

Source: Ask Javascript Questions

LEAVE A COMMENT