イオン2 - ページングの進捗カラーを変更する方法をスライドしますか？

Question

私はスライドを持っていますpaginationStyle="progress"どのようにプログレスバーの色を変更できますか？

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

誰かがプログレスバーの色を変更する方法を教えていただけますか？

Answer 1

イオン性は、スワイパーAPIスライドを使用します。だから、クラス名swiper-pagination-progressと、このようなswiper-pagination-progressbar使用して選択することができます。

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

Answer 2

シンプルで多分明白なことを@Suryaテジャからの回答からフォローアップ。クラスを分離すると、プログレスバーの各部分の色を制御することができます。

あなたが唯一のルールは、「.swiper-ページネーション.swiper-ページネーション・プログレス」が必要

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