Swiper Circle 进度条

【问题标题】：Swiper Circle progress barSwiper Circle 进度条
【发布时间】：2021-06-17 00:48:58
【问题描述】：

你能帮我用 Swiper 创建圆形进度条吗？我试过了，但我所有的尝试都没有成功。

这是我的 js

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

这是我的css：

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

【问题讨论】：

标签： javascript css swiper

【解决方案1】：

我不知道您是否检查过swiper docs，但无论如何它不是用于进度条，而是用于滑动您可以查看任何有关如何创建进度条的教程，因为有很多方法和方式取决于您的正在尝试这样做我想说的是忘记刷卡它不是为了那个

【讨论】：

好吧，我有一个滑块（Swiper），它有几张幻灯片。我可以使用点/项目符号进行导航并设置自动播放。我也可以使用进度条，而 Swiper 有这样一个，我也这样做了。但问题是它是一条直线，但我需要一个圆。我知道我可以通过该库将自定义幻灯片用于此类目的，但我尝试过但没有成功。