Я не знаю почему вы не можете посчитать кол-во слайдов при выводе их из базы или откуда то... ну можете через JS через ивенты OWL вытащить кол-во слайдов...
Насчет вашего прогресса... ну как вариант... на скорую руку это немного переделать цвета... обратить так сказать местами... А так же не понимаю для чего вам !Important... ну ладно...
.main-gal .owl-dot {
height: 10px;
width: 20px;
background-color: #ff5722 !important;
display: inline-block;
border-radius: 0;
opacity: 1;
}
.main-gal .owl-dot.active {
background-color: #ff5722 !important;
opacity: 1;
width: 40px;
}
.main-gal .owl-dot.active ~ .owl-dot {
background: #fff !important;
opacity: 0.5;
}
Видео как это у вас на сайте... Тк в вашем примере это не реально что то понять... тк нету картинок...
https://skr.sh/v/110721/8b6bufsw.mp4