two ColorfulRingProgressView on Each Other Problem background

[emadph]

hi i have two ColorfulRingProgressView on each other because i have 2 data Percent and its tricky to show these this way my problem is :

<com.timqi.sectorprogressview.ColorfulRingProgressView android:id="@+id/chart_earn" android:layout_width="110dp" android:layout_height="110dp" android:layout_marginBottom="8dp" app:bgColor="#dbdbdb" app:fgColorEnd="#8a8792" app:fgColorStart="#8a8792" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="@+id/guideline5" app:percent="50" app:startAngle="0" app:strokeWidth="16dp" />

<com.timqi.sectorprogressview.ColorfulRingProgressView android:id="@+id/chart_today" android:layout_width="110dp" android:layout_height="110dp" android:layout_marginTop="8dp" android:layout_marginBottom="8dp" android:padding="6dp" app:bgColor="#23E1E1E1" app:fgColorEnd="#dd6504" app:fgColorStart="#fca700" app:layout_constraintBottom_toBottomOf="@+id/chart_earn" app:layout_constraintEnd_toEndOf="@+id/chart_earn" app:layout_constraintStart_toStartOf="@+id/chart_earn" app:layout_constraintTop_toTopOf="@+id/chart_earn" app:percent="40" app:startAngle="0" app:strokeWidth="10dp" />

in this code one Ring background is transparent another have color , its ok in XML View but after Run App ... shows Nothing... what can i do !? any tricky way ?!