How to create circular ProgressBar in android

Question

Have you any idea how to make a circular progress bar like the one of Google Fit application  Like the image below

User · Accepted Answer

You can try this Circle Progress library

enter image description here

NB: please always use same width and height for progress views

DonutProgress:

 <com.github.lzyzsd.circleprogress.DonutProgress
        android:id="@+id/donut_progress"
        android:layout_marginLeft="50dp"
        android:layout_width="100dp"
        android:layout_height="100dp"
        custom:circle_progress="20"/>

CircleProgress:

  <com.github.lzyzsd.circleprogress.CircleProgress
        android:id="@+id/circle_progress"
        android:layout_marginLeft="50dp"
        android:layout_width="100dp"
        android:layout_height="100dp"
        custom:circle_progress="20"/>

ArcProgress:

<com.github.lzyzsd.circleprogress.ArcProgress
        android:id="@+id/arc_progress"
        android:background="#214193"
        android:layout_marginLeft="50dp"
        android:layout_width="100dp"
        android:layout_height="100dp"
        custom:arc_progress="55"
        custom:arc_bottom_text="MEMORY"/>

User · Answer

It s easy to create this yourself  In your layout include the following ProgressBar with a specific drawable  note you should get the width from dimensions instead   The max value is important here    lt ProgressBar     android id    id progressBar      style   android attr progressBarStyleHorizontal      android layout width  150dp      android layout height  150dp      android layout alignParentBottom  true      android layout centerHorizontal  true      android max  500      android progress  0      android progressDrawable   drawable circular    gt    Now create the drawable in your resources with the following shape  Play with the radius  you can use innerRadius instead of innerRadiusRatio  and thickness values   circular  Pre Lollipop OR API Level  lt  21       lt shape         android innerRadiusRatio  2 3          android shape  ring          android thickness  3 8sp   gt           lt solid android color   color yourColor    gt      lt  shape gt    circular      Lollipop OR API Level    21        lt shape         android useLevel  true          android innerRadiusRatio  2 3          android shape  ring          android thickness  3 8sp   gt           lt solid android color   color yourColor    gt        lt  shape gt    useLevel is  false  by default in API Level 21  Lollipop     Start Animation  Next in your code use an ObjectAnimator to animate the progress field of the ProgessBar of your layout   ProgressBar progressBar    ProgressBar  view findViewById R id progressBar   ObjectAnimator animation   ObjectAnimator ofInt progressBar   progress   0  500      see this max value coming back here  we animate towards that value animation setDuration 5000      in milliseconds animation setInterpolator new DecelerateInterpolator     animation start      Stop Animation  progressBar clearAnimation      P S  unlike examples above  it give smooth animation

[android] How to create circular ProgressBar in android?

Examples related to android

Examples related to android-progressbar