I’m developing an android app in java. The app should be a "modern" timer.
Right now I have a graphical interface with a circular progress bar.
<ProgressBar
android:id="@+id/clockbar"
style="@style/Widget.AppCompat.ProgressBar"
android:layout_width="424dp"
android:layout_height="425dp"
android:indeterminateDrawable="@drawable/circularprogressbardesign"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.538"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
This is the design of the progress bar
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android">
android:fromDegrees="-90"
android:pivotX="50%"
android:pivotY="50%"
android:toDegrees="270"
<shape
android:shape="ring"
android:useLevel="false">
<gradient
android:type="sweep"
android:useLevel="false"
android:centerY="0.5"
android:centerColor="#00fd1d1d"
android:endColor="@color/orange"
android:startColor="#00fd1d1d"
/>
</shape>
</rotate>
So the current aspect of the progress bar is this:
I would like to create a kind of empty square, with the bar flowing in the edges.
How could i do?