I've built a simple slider using swiper.js here:
http://advancedflightnz.flywheelsites.com/Swiperjs/Slider.html
As you can see, the 'wrapper' of the progress bar has rounded edges, but the highlighted internal bar doesn't.
I've worked through every css workaround I can think of, but I've come up with nothing, hopefully someone smarter than me has been here before.
Thank you :)
Although it is not very visible but if you really want it, Override the below in css
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
border-radius : 0 !important;
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.