Ionic2 离子2-幻灯片如何更改分页进度颜色？

我在幻灯片中设置了

paginationStyle=“progress”

如何更改进度条的颜色

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

---

有人能给我一个改变progressbar颜色的方法吗？

爱奥尼亚使用Swiper API幻灯片。因此，您可以选择使用类名

swiper分页进度

和

swiper分页进度条

，如下所示：

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

.swiper-pagination-progress .swiper-pagination-progressbar {
  background:red;
}

---

从@Surya Teja的回答中简单而明显的跟进。如果将这些类分开，则可以控制进度条每个部分的颜色

.swiper.pagination-progress {
    background-color: red
}
.swiper-pagination-progressbar {
    background-color: white
}

规则只需要“.swiper pagination.swiper pagination progressbar”，后半部分根据寻呼机的类型而变化（例如，项目符号/默认值为swiper pagination bullet）