Ionic 2 - Slides how to change pagination progress color?

user_4983589 0
Viewed 2685

I have slide where I set the paginationStyle="progress" how can I change the color of the progressbar?

<ion-slides #exercisesSlider pager paginationType="progress">

Could somebody provide me a way to change the color of the progressbar?

ionic2
3 Answers

Using only the CSS borders worked for me :

.swiper-pagination-progressbar-fill {
  border: 2px solid rgba(175, 240, 122, 0.719);
  border-radius: 5px;
}

.swiper-pagination-progressbar {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
}
user_145395440
Related