How to change color in circular progress bar

Question

I am using circular progress bar on Android  I wish to change the color of this  I am using     android attr progressBarStyleLargeInverse     style  So how to change the color of progress bar   How to custom the style  Furthermore  what is the definition of the style

User · Answer

You can use a style for changing the color of progress like below

 <style name="AppTheme.anyName">
        <item name="colorAccent">YOUR_COLOR</item>
    </style>

and use it in the ProgressBar like below

<ProgressBar
            style="?android:attr/progressBarStyle"
            android:theme="@style/AppTheme.WhiteAccent"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="@dimen/dimen_30"
        />

Hope it helps.

User · Answer

It takes color value from your Res Values Colors xml -  colorAccent if you change it  your progressBar color changes aswell

User · Answer

styles xml   lt style name  CircularProgress  parent  Theme AppCompat Light  gt       lt item name  colorAccent  gt  color yellow lt  item gt   lt  style gt      lt ProgressBar         android layout width   dimen d 40          android layout height   dimen d 40          android indeterminate  true          style   style Widget AppCompat ProgressBar          android theme   style CircularProgress   gt

User · Answer

To add to Dato s answer  i find SRC ATOP to be a preferable filter to multiply as it better supports the alpha channel   ProgressBar v    ProgressBar  findViewById R id progress   v getIndeterminateDrawable   setColorFilter 0xFFcc0000  android graphics PorterDuff Mode SRC ATOP

User · Answer

In the res drawable folder  put this   progress xml   lt  xml version  1 0  encoding  utf-8   gt   lt rotate xmlns android  http   schemas android com apk res android        android pivotX  50          android pivotY  50          android fromDegrees  0        android toDegrees  360  gt        lt shape          android shape  ring           android innerRadiusRatio  3          android thicknessRatio  8           android useLevel  false  gt        lt size          android width  76dip           android height  76dip    gt        lt gradient          android type  sweep           android useLevel  false          android startColor   447a29           android endColor   00ffffff          android angle  0   gt        lt  shape gt    lt  rotate gt     Set startColor and endColor as per your choice    Now set that progress xml in ProgressBar s backgound    Like this   lt ProgressBar   android id    id ProgressBar01    android layout width  wrap content   android layout height  wrap content   android indeterminateDrawable   drawable progress     gt

User · Answer

lt style name  quot progressColor quot  parent  quot Widget AppCompat ProgressBar quot  gt       lt item name  quot colorControlActivated quot  gt  color colorPrimary lt  item gt   lt  style gt     lt ProgressBar     android id  quot   id progressBar quot      android layout width  quot 250dp quot      android theme  quot  style progressColor quot      android layout height  quot 250dp quot      android layout centerInParent  quot true quot    gt

User · Answer

Add to your activity theme  item colorControlActivated  for example        lt style name  AppTheme NoActionBar  parent  Theme AppCompat Light NoActionBar  gt                               lt item name  colorControlActivated  gt  color rocket black lt  item gt                       lt  style gt    Apply this style to your Activity in the manifest    lt activity     android name   packege YourActivity      android theme   style AppTheme NoActionBar   gt

User · Answer

for me theme wasn t working with accentColor  But it did work with  colorControlActivated       lt style name  Progressbar White  parent  AppTheme  gt           lt item name  colorControlActivated  gt  color white lt  item gt       lt  style gt      lt ProgressBar         android layout width   dimen d 40          android layout height   dimen d 40          android indeterminate  true          android theme   style Progressbar White   gt

User · Answer

You can change your progressbar colour using the code below   progressBar getProgressDrawable   setColorFilter      getResources   getColor R color your color   PorterDuff Mode SRC IN

User · Answer

Set android indeterminateDrawable   drawable progress custom rotate   Use Below Code for Custom Circular Ring Progress Bar  Copy Below code and create  progress custom rotate xml  in Drawable folder   lt  xml version  1 0  encoding  utf-8   gt   lt rotate xmlns android  http   schemas android com apk res android      android pivotX  50   android pivotY  50   android fromDegrees  0      android toDegrees  1080  gt        lt shape android shape  ring  android innerRadiusRatio  3          android thicknessRatio  8  android useLevel  false  gt            lt size android width  48dip  android height  48dip    gt            lt gradient android type  sweep  android useLevel  false              android startColor   4c737373  android centerColor   4c737373              android centerY  0 50  android endColor   ffffd300    gt        lt  shape gt    lt  rotate gt

User · Answer

To supplement Muhamed Riyas M s top voted answer   Faster rotation    android toDegrees  1080    Thinner ring  android thicknessRatio  16    Light white  android endColor   80ffffff

User · Answer

To customize circular ProgressBar we need to create a indeterminateDrawable to show custom progress bar   lt  xml version  1 0  encoding  utf-8   gt   lt rotate xmlns android  http   schemas android com apk res android      android fromDegrees  0      android pivotX  50       android pivotY  50       android duration  1  gt        lt shape         android innerRadiusRatio  3          android shape  ring          android thicknessRatio  8          android useLevel  false  gt            lt size             android height  48dip              android width  48dip    gt            lt gradient             android centerColor   f96047              android centerY  0 50              android endColor   fb9c8d              android startColor   f72d0c              android type  sweep              android useLevel  false    gt        lt  shape gt    lt  rotate gt    We need to include drawable in progressbar just as below    lt ProgressBar     android layout width  wrap content      android layout centerInParent  true      style   android attr progressBarStyleLarge      android visibility  visible      android progressDrawable   drawable widget progressbar      android indeterminateDrawable   drawable widget progressbar      android layout height  wrap content    gt

User · Answer

For API 21 and Higher  Simply set the indeterminateTint property  Like   android indeterminateTint   android color holo orange dark    To support pre-API 21 devices   mProgressSpin getIndeterminateDrawable                    setColorFilter ContextCompat getColor this  R color colorPrimary   PorterDuff Mode SRC IN

User · Answer

You can do this with a custom dialog pretty easily  reusing the xml from other answers    lt  xml version  1 0  encoding  utf-8   gt       lt shape     android innerRadiusRatio  3      android shape  ring      android thicknessRatio  8      android useLevel  false   gt        lt size         android height  76dip          android width  76dip    gt        lt gradient         android angle  0          android endColor   color oceanBlue          android startColor   android color transparent          android type  sweep          android useLevel  false    gt    lt  shape gt      Just do this   public static class ModifiedProgressDialog extends ProgressDialog       public ModifiedProgressDialog Context context            super context               Override     public void show             super show            setIndeterminateDrawable getContext   getResources   getDrawable R drawable blue progress

User · Answer

android indeterminateTint   color progressbar

User · Answer

That s work for me    lt ProgressBar android id    id ProgressBar01   android layout width  wrap content  android layout height  wrap content  android indeterminateTint   color black   gt

User · Answer

Try using a style and set colorControlActivated too desired ProgressBar color    lt style name  progressColor  parent  Widget AppCompat ProgressBar  gt       lt item name  colorControlActivated  gt  color COLOR lt  item gt   lt  style gt    Then set the theme of the ProgressBar to new style    lt ProgressBar     android id    id progress bar      android layout width  wrap content      android layout height  wrap content      android theme   style progressColor     gt

User · Answer

1 First Create an xml file in drawable folder under resource   named  progress xml    lt  xml version  1 0  encoding  utf-8   gt   lt rotate xmlns android  http   schemas android com apk res android      android fromDegrees  0      android pivotX  50       android pivotY  50       android toDegrees  360   gt        lt shape         android innerRadiusRatio  3          android shape  ring          android thicknessRatio  8          android useLevel  false   gt        lt size         android height  76dip          android width  76dip    gt        lt gradient         android angle  0          android endColor  color pink          android startColor   android color transparent          android type  sweep          android useLevel  false    gt        lt  shape gt    lt  rotate gt    2 then make a progresss bar using the folloing snippet   lt ProgressBar     style   android attr progressBarStyleLarge      android layout width  wrap content      android layout height  wrap content      android layout above    id relativeLayout1      android layout centerHorizontal  true      android layout marginBottom  20dp      android indeterminate  true      android indeterminateDrawable   drawable progress    gt

User · Answer

You can change color programmatically by using this code     ProgressBar v    ProgressBar  findViewById R id progress   v getIndeterminateDrawable   setColorFilter 0xFFcc0000                          android graphics PorterDuff Mode MULTIPLY     If you want to change ProgressDialog s progressbar color  u can use this     mDilog setOnShowListener new OnShowListener              Override         public void onShow DialogInterface dialog                ProgressBar v    ProgressBar mDilog findViewById android R id progress               v getIndeterminateDrawable   setColorFilter 0xFFcc0000                      android graphics PorterDuff Mode MULTIPLY

User · Answer

check this answer out    for me  these two lines had to be there for it to work and change the color   android indeterminateTint   color yourColor  android indeterminateTintMode  src in    PS  but its only available from android 21

User · Answer

For all those wondering how to increase the speed of custom progress     lt  xml version  1 0  encoding  utf-8   gt   lt rotate xmlns android  http   schemas android com apk res android  android pivotX  50   android pivotY  50   android fromDegrees  0  android toDegrees  1080  gt  lt  --HERE YOU COULD INCREASE SPEED BY SETTING TODEGRESS 1080 is 3 loops instead of 1 in same amt of time -- gt   lt shape android shape  ring  android innerRadiusRatio  3      android thicknessRatio  8  android useLevel  false  gt       lt size android width  76dip  android height  76dip    gt       lt gradient android type  sweep  android useLevel  false          android startColor   447a29           android endColor   447a29          android angle  0             gt   lt  shape gt

[android] How to change color in circular progress bar?

Examples related to android

Examples related to progress-bar