Настройка Swiper. js Progress Bar

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;
}