Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to implement a material design circular progress bar in android

I want to make a material design circular progress bar like the one in Inbox by Gmail android app. How do I achieve this (in pre-lollipop devices)?

Am trying to achieve a similar effect like this. Inbox by Gmail material design circular progress bar

like image 636
cozeJ4 Avatar asked Nov 08 '14 07:11

cozeJ4


People also ask

How do I make a custom circular progress bar?

This example demonstrates how do I make circle custom progress bar in android. Step 1 − Create a new project in Android Studio, go to File ⇒ New Project and fill all required details to create a new project. Step 2 − Add the following code to res/layout/activity_main. xml.

How do you add a circular progress bar in flutter?

Flutter provides a class called CircularProgressIndicator. To create a circular progress indicator we have to call its constructor. There are no required properties for this widget so we can directly call the constructor.


1 Answers

<ProgressBar android:id="@+id/loading_spinner" android:layout_width="wrap_content" android:layout_height="wrap_content" android:indeterminateTintMode="src_atop" android:indeterminateTint="@color/your_customized_color" android:layout_gravity="center" /> 

The effect looks like this:

img

like image 185
Lollo Avatar answered Sep 17 '22 19:09

Lollo