two ColorfulRingProgressView on Each Other Problem background

[Emad Pourahmadi]

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 ?!