自定义Swiper.js进度条

Question

我在这里使用swiper.js构建了一个简单的滑块：

http://advancedflightnz.flywheelsites.com/Swiperjs/Slider.html

正如你所看到的，进度条的“包装器”有圆角的边缘，但突出显示的内部条没有。

我已经解决了我能想到的所有css解决方案，但我什么也没想出来，希望以前有比我更聪明的人来过这里。

谢谢您:)

Answer 1

虽然它不是很明显，但如果你真的想要它，在css中覆盖下面的代码

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
border-radius : 0 !important;
}