How to change progress bar s progress color in Android

Question

I m using an horizontal progress bar in my Android application  and I want to change its progress color  which is Yellow by default   How can I do it using code  not XML

User · Answer

To change horizontal ProgressBar color  in kotlin   fun tintHorizontalProgress progress  ProgressBar   ColorInt color  Int   ContextCompat getColor progress context  R color colorPrimary        if  Build VERSION SDK INT  gt   Build VERSION CODES LOLLIPOP            progress progressTintList   ColorStateList valueOf color        else          val layerDrawable   progress progressDrawable as  LayerDrawable         val progressDrawable   layerDrawable  findDrawableByLayerId android R id progress          progressDrawable  setColorFilter color  PorterDuff Mode SRC ATOP           To change indeterminate ProgressBar color  fun tintIndeterminateProgress progress  ProgressBar   ColorInt color  Int   ContextCompat getColor progress context  R color colorPrimary        if  Build VERSION SDK INT  gt   Build VERSION CODES LOLLIPOP            progress indeterminateTintList   ColorStateList valueOf color        else            progress indeterminateDrawable as  LayerDrawable   apply               if  numberOfLayers  gt   2                    setId 0  android R id progress                  setId 1  android R id secondaryProgress                  val progressDrawable   findDrawableByLayerId android R id progress  mutate                   progressDrawable setColorFilter color  PorterDuff Mode SRC ATOP                                   And it finally normally tint pre-lollipop progressBars

User · Answer

Horizontal ProgressBar uses rectangle shape drawable for background  ClipDrawable constructed from rectangle shape for progresses  primary  amp  secondary   Tinting changes colors to some tint  If you want targeted colors for all three separately then you can use ProgressBar setProgressDrawable   as following       LayerDrawable progressBarDrawable   new LayerDrawable          new Drawable                    new GradientDrawable GradientDrawable Orientation TOP BOTTOM                              new int   Color parseColor   ff0000ff   Color parseColor   ff0000ff                       new ClipDrawable                              new GradientDrawable GradientDrawable Orientation TOP BOTTOM                                      new int   Color parseColor   ff00ff00   Color parseColor   ff00ff00                                  Gravity START                              ClipDrawable HORIZONTAL                    new ClipDrawable                          new GradientDrawable GradientDrawable Orientation TOP BOTTOM                                  new int   Color parseColor   ffff0000   Color parseColor   ffff0000                              Gravity START                          ClipDrawable HORIZONTAL                       progressBarDrawable setId 0 android R id background       progressBarDrawable setId 1 android R id secondaryProgress       progressBarDrawable setId 2 android R id progress         ProgressBar findViewById R id progressBar   setProgressDrawable progressBarDrawable     Note that order of drawable layers is important while initializing LayerDrawable  First drawable should be for background  As per my experiment switching ids does not work  If you set padding to progressbar then this approach will not work  If you need padding then you can use a container for the progressbar such as a LinearLayout

User · Answer

This solution worked for me     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

As per muhammad-adil suggested  for SDK ver 21 and above  android indeterminateTint   color orange    in XML Works for me  is easy enough

User · Answer

This works for me  It also works for lower version too  Add this to your syles xml   lt style name  ProgressBarTheme  parent  ThemeOverlay AppCompat Light  gt   lt item name  colorAccent  gt  color colorPrimary lt  item gt   lt  style gt    And use it like this in xml   lt ProgressBar   android layout width  wrap content    android layout height  wrap content    android theme   style ProgressBarTheme       gt

User · Answer

One more little thing  the theme solution does work if you inherit a base theme  so for app compact your theme should be    lt style name  AppTheme Custom  parent   style Theme AppCompat  gt       lt item name  colorAccent  gt  color custom lt  item gt   lt  style gt    And then set this in the progress bar theme   lt ProgressBar     android id    id progressCircle progressBar      android layout width  wrap content      android layout height  wrap content      android layout gravity  center horizontal      android theme   style AppTheme Custom      android indeterminate  true   gt

User · Answer

I m sorry that it s not the answer  but what s driving the requirement setting it from code   And  setProgressDrawable should work if it s defined correctly    lt layer-list xmlns android  http   schemas android com apk res android  gt    lt item android id   android id background  gt       lt shape gt           lt corners android radius  5dip    gt           lt gradient                 android startColor   ff9d9e9d                  android centerColor   ff5a5d5a                  android centerY  0 75                  android endColor   ff747674                  android angle  270            gt       lt  shape gt   lt  item gt    lt item android id   android id secondaryProgress  gt       lt clip gt           lt shape gt               lt corners android radius  5dip    gt               lt gradient                     android startColor   80ffd300                      android centerColor   80ffb600                      android centerY  0 75                      android endColor   a0ffcb00                      android angle  270                gt           lt  shape gt       lt  clip gt   lt  item gt    lt item android id   android id progress  gt       lt clip gt           lt shape gt               lt corners                 android radius  5dip    gt               lt gradient                 android startColor   color progress start                  android endColor   color progress end                  android angle  270                 gt           lt  shape gt       lt  clip gt   lt  item gt    lt  layer-list gt

User · Answer

You can try to change your Styles  Themes  or using android indeterminateTint   color yourColor  anywhere you want  but there s just one way o doing that will work on any Android SKD version   If you progress bar is not indeterminate  please use   progressBar getProgressDrawable   setColorFilter ContextCompat getColor context  R color yourColor   PorterDuff Mode SRC IN      If you progress bar is indeterminate  please use   progressBar getIndeterminateDrawable   setColorFilter ContextCompat getColor getContext    R color yourColor   PorterDuff Mode SRC IN      It s sad that Android is such a mess

User · Answer

if Indeterminate     ProgressBar findViewById R id progressBar        getIndeterminateDrawable        setColorFilter Color RED  PorterDuff Mode SRC IN

User · Answer

This worked for me     lt ProgressBar  android indeterminateTint   d60909         gt

User · Answer

Since method public void setColorFilter  ColorInt int color   NonNull PorterDuff Mode mode  is deprecated  I use such form  progressBar indeterminateDrawable colorFilter               PorterDuffColorFilter ContextCompat getColor this  R color black   PorterDuff Mode SRC IN

User · Answer

Hit the same problem while working on modifying the look feel of the default progress bar  Here is some more info that will hopefully help people      The name of the xml file must only contain characters  a-z0-9    ie  no capitals   To reference your  drawable  it is R drawable filename To override the default look  you use myProgressBar setProgressDrawable       however you need can t just refer to your custom layout as R drawable filename  you need to retrieve it as a Drawable Resources res   getResources    myProgressBar setProgressDrawable res getDrawable R drawable filename     You need to set style before setting progress secondary progress max  setting it afterwards for me resulted in an  empty  progress bar

User · Answer

Horizontal progress bar custom material style    To change color of background and progress of horizontal progress bar    lt style name  MyProgressBar  parent   style Widget AppCompat ProgressBar Horizontal  gt       lt item name  android progressBackgroundTint  gt  69f0ae lt  item gt       lt item name  android progressTint  gt  b71c1c lt  item gt       lt item name  android minWidth  gt 200dp lt  item gt   lt  style gt    Apply it to progress bar by setting style attribute  for custom material styles and custom progress bar check http   www zoftino com android-progressbar-and-custom-progressbar-examples

User · Answer

How I did it in horizontal ProgressBar       LayerDrawable layerDrawable    LayerDrawable  progressBar getProgressDrawable        Drawable progressDrawable   layerDrawable findDrawableByLayerId android R id progress       progressDrawable setColorFilter color  PorterDuff Mode SRC IN

User · Answer

For a horizontal style ProgressBar I use   import android widget ProgressBar  import android graphics drawable GradientDrawable  import android graphics drawable ClipDrawable  import android view Gravity  import android graphics drawable Drawable  import android graphics drawable LayerDrawable   public void setColours ProgressBar progressBar                          int bgCol1  int bgCol2                           int fg1Col1  int fg1Col2  int value1                          int fg2Col1  int fg2Col2  int value2            If solid colours are required for an element  then set       that elements Col1 param s the same as its Col2 param        eg fg1Col1    fg1Col2          fgGradDirection and or bgGradDirection could be parameters       if you require other gradient directions eg LEFT RIGHT       GradientDrawable Orientation fgGradDirection           GradientDrawable Orientation TOP BOTTOM      GradientDrawable Orientation bgGradDirection           GradientDrawable Orientation TOP BOTTOM         Background     GradientDrawable bgGradDrawable   new GradientDrawable              bgGradDirection  new int   bgCol1  bgCol2        bgGradDrawable setShape GradientDrawable RECTANGLE       bgGradDrawable setCornerRadius 5       ClipDrawable bgclip   new ClipDrawable              bgGradDrawable  Gravity LEFT  ClipDrawable HORIZONTAL            bgclip setLevel 10000          SecondaryProgress     GradientDrawable fg2GradDrawable   new GradientDrawable              fgGradDirection  new int   fg2Col1  fg2Col2        fg2GradDrawable setShape GradientDrawable RECTANGLE       fg2GradDrawable setCornerRadius 5       ClipDrawable fg2clip   new ClipDrawable              fg2GradDrawable  Gravity LEFT  ClipDrawable HORIZONTAL                  Progress     GradientDrawable fg1GradDrawable   new GradientDrawable              fgGradDirection  new int   fg1Col1  fg1Col2        fg1GradDrawable setShape GradientDrawable RECTANGLE       fg1GradDrawable setCornerRadius 5       ClipDrawable fg1clip   new ClipDrawable              fg1GradDrawable  Gravity LEFT  ClipDrawable HORIZONTAL                  Setup LayerDrawable and assign to progressBar     Drawable   progressDrawables    bgclip  fg2clip  fg1clip       LayerDrawable progressLayerDrawable   new LayerDrawable progressDrawables            progressLayerDrawable setId 0  android R id background       progressLayerDrawable setId 1  android R id secondaryProgress       progressLayerDrawable setId 2  android R id progress          Copy the existing ProgressDrawable bounds to the new one      Rect bounds   progressBar getProgressDrawable   getBounds        progressBar setProgressDrawable progressLayerDrawable            progressBar getProgressDrawable   setBounds bounds           setProgress   ignores a change to the same value  so      if  value1    0          progressBar setProgress 1       else         progressBar setProgress 0       progressBar setProgress value1           setSecondaryProgress   ignores a change to the same value  so      if  value2    0          progressBar setSecondaryProgress 1       else         progressBar setSecondaryProgress 0       progressBar setSecondaryProgress value2          now force a redraw     progressBar invalidate          An example call would be     setColours myProgressBar             0xff303030      bgCol1  grey            0xff909090      bgCol2  lighter grey            0xff0000FF      fg1Col1 blue            0xffFFFFFF      fg1Col2 white           50              value1           0xffFF0000      fg2Col1 red            0xffFFFFFF      fg2Col2 white           75              value2   If you don t need the  secondary progress  simply set value2 to value1

User · Answer

Posted to add info about PaulieG s answer  since ateiob asked me to explain something       I can say that there is  or at least was  at the time of writing when I looked at that current version of Android source code  a bug issue optimisation in the ProgressBar code that ignores an attempt to set the progress to a value it is already at     i e  if progress   45  and you try to set it to 45  the code will do nothing  and will not redraw the progress    After calling ProgressBar setProgressDrawable    your progress bar will be blank  because you changed the drawable part    This means you need to set the progress  and redraw it  But if you just set the progress to a preserved value  it will do nothing   You must set it to 0 first  then to the  old  value again  and the bar will redraw     So to summarise     preserve the  old  progress value update the drawable   colour  makes bar blank  reset the progress to 0  otherwise next line does nothing  reset the progress to the  old  value  fixes bar  invalidate     Below is a method I have that does this   protected void onResume         super onResume        progBar    ProgressBar  findViewById R id progress base        int oldProgress   progBar getProgress            define new drawable colour     final float   roundedCorners   new float             5  5  5  5  5  5  5  5        ShapeDrawable shape   new ShapeDrawable new RoundRectShape          roundedCorners  null  null        String MyColor     FF00FF       shape getPaint   setColor Color parseColor MyColor        ClipDrawable clip   new ClipDrawable shape  Gravity LEFT          ClipDrawable HORIZONTAL       progBar setProgressDrawable clip        progBar setBackgroundDrawable getResources   getDrawable          android R drawable progress horizontal            work around  setProgress   ignores a change to the same value     progBar setProgress 0       progBar setProgress oldProgress        progBar invalidate          As far as HappyEngineer s solution  I think it was a similar workaround  to manually set the  progress  offset  In either case  the above code should work for you

User · Answer

Use the android support v4 graphics drawable DrawableCompat               Drawable progressDrawable   progressBar getIndeterminateDrawable                if  progressDrawable     null                    Drawable mutateDrawable   progressDrawable mutate                    DrawableCompat setTint mutateDrawable  primaryColor                   progressBar setProgressDrawable mutateDrawable

User · Answer

ProgressBar bar   private Handler progressBarHandler   new Handler     GradientDrawable progressGradientDrawable   new GradientDrawable          GradientDrawable Orientation LEFT RIGHT  new int                    0xff1e90ff 0xff006ab6 0xff367ba8    ClipDrawable progressClipDrawable   new ClipDrawable          progressGradientDrawable  Gravity LEFT  ClipDrawable HORIZONTAL   Drawable   progressDrawables             new ColorDrawable 0xffffffff           progressClipDrawable  progressClipDrawable   LayerDrawable progressLayerDrawable   new LayerDrawable progressDrawables     int status   0      Called when the activity is first created      Override public void onCreate Bundle savedInstanceState        super onCreate savedInstanceState           TODO Auto-generated method stub     setContentView R layout startup        bar    ProgressBar  findViewById R id start page progressBar       bar setProgress 0       bar setMax 100        progressLayerDrawable setId 0  android R id background       progressLayerDrawable setId 1  android R id secondaryProgress       progressLayerDrawable setId 2  android R id progress        bar setProgressDrawable progressLayerDrawable       This helped me to set a custom color to progressbar through code  Hope it helps

User · Answer

THis is what i did  Worked   ProgressBar    lt ProgressBar             android id    id progressBar              android layout width  match parent              android layout height  wrap content              android layout weight  4              android indeterminateDrawable   drawable progressdrawable               gt      progressdrawable xml  Here use gradient to change colour as you like  And android toDegrees  X  increse the value of X and progressbar rotate fast  Decrease and it rotate slow Customize according to your needs      lt  xml version  1 0  encoding  utf-8   gt        lt rotate xmlns android  http   schemas android com apk res android              android duration  4000              android fromDegrees  0              android pivotX  50               android pivotY  50               android toDegrees  360   gt                lt shape                 android innerRadius  20dp                  android shape  ring                  android thickness  4dp                  android useLevel  false   gt                   lt size                     android height  48dp                      android width  48dp    gt                    lt gradient                     android centerColor   80ec7e2a                      android centerY  0 5                      android endColor   ffec7e2a                      android startColor   00ec7e2a                      android type  sweep                      android useLevel  false    gt               lt  shape gt            lt  rotate gt      sample

User · Answer

as per some of the suggestions  you CAN specify a shape and clipdrawable with a colour  then set it   I have this working programatically   This is how I do it    First make sure you import the drawable library    import android graphics drawable     Then use the code similar to below   ProgressBar pg    ProgressBar row findViewById R id progress   final float   roundedCorners   new float     5  5  5  5  5  5  5  5    pgDrawable   new ShapeDrawable new RoundRectShape roundedCorners  null null    String MyColor     FF00FF   pgDrawable getPaint   setColor Color parseColor MyColor    ClipDrawable progress   new ClipDrawable pgDrawable  Gravity LEFT  ClipDrawable HORIZONTAL   pg setProgressDrawable progress      pg setBackgroundDrawable getResources   getDrawable android R drawable progress horizontal    pg setProgress 45

User · Answer

simply use   PorterDuff Mode mode   PorterDuff Mode SRC IN  if  Build VERSION SDK INT  lt   Build VERSION CODES GINGERBREAD MR1        mode   PorterDuff Mode MULTIPLY     if  Build VERSION SDK INT  gt   Build VERSION CODES LOLLIPOP        progressBar setProgressTintList ColorStateList valueOf Color RED        progressBar setProgressBackgroundTintList ColorStateList valueOf Color RED      else       Drawable progressDrawable      progressDrawable    progressBar isIndeterminate     progressBar getIndeterminateDrawable     progressBar getProgressDrawable    mutate        progressDrawable setColorFilter context getResources   getColor Color RED   mode       progressBar setProgressDrawable progressDrawable

User · Answer

Nowadays in 2016 I found some pre-Lollipop devices don t honour the colorAccent setting  so my final solution for all APIs is now the following      fixes pre-Lollipop progressBar indeterminateDrawable tinting if  Build VERSION SDK INT  lt  Build VERSION CODES LOLLIPOP         Drawable wrapDrawable   DrawableCompat wrap mProgressBar getIndeterminateDrawable         DrawableCompat setTint wrapDrawable  ContextCompat getColor getContext    android R color holo green light        mProgressBar setIndeterminateDrawable DrawableCompat unwrap wrapDrawable      else       mProgressBar getIndeterminateDrawable   setColorFilter ContextCompat getColor getContext    android R color holo green light   PorterDuff Mode SRC IN       For bonus points  it doesn t use any deprecated code  Try it

User · Answer

All API  if use all API just create the theme in style  style xml   lt resources gt                   lt style name  progressBarBlue  parent   style Theme AppCompat  gt           lt item name  colorAccent  gt  color blue lt  item gt       lt  style gt    lt  resources gt    and use in progress   lt ProgressBar             android theme   style progressBarBlue    gt      API level 21 and higher  if used in API level 21 and higher just use this code    lt ProgressBar             android indeterminate  true     android indeterminateTintMode  src atop     android indeterminateTint   color secondary   gt

User · Answer

For a horizontal ProgressBar  you can use a ColorFilter  too  like this   progressBar getProgressDrawable   setColorFilter      Color RED  android graphics PorterDuff Mode SRC IN       Note  This modifies the appearance of all progress bars in your app  To only modify one specific progress bar  do this   Drawable progressDrawable   progressBar getProgressDrawable   mutate    progressDrawable setColorFilter Color RED  android graphics PorterDuff Mode SRC IN   progressBar setProgressDrawable progressDrawable     If progressBar is indeterminate then use getIndeterminateDrawable   instead of getProgressDrawable     Since Lollipop  API 21  you can set a progress tint   progressBar setProgressTintList ColorStateList valueOf Color RED

User · Answer

There s probably one thing that hasn t been referred to in this answer   If your theme is inheriting from Theme AppCompat  ProgressBar will assume the color you defined as  colorAccent  in your theme   So  using        lt item name  colorAccent  gt  color custom color lt  item gt      will tint the color of the ProgressBar automagically to the  color custom color

User · Answer

Here is the code for changing the color of ProgressBar by programatically   ProgressBar progressBar    ProgressBar  findViewById R id pb listProgressBar   int colorCodeDark   Color parseColor   F44336    progressBar setIndeterminateTintList ColorStateList valueOf colorCodeDark

User · Answer

Apply this custom style to the progress bar    lt style name  customProgress  parent   android style Widget ProgressBar Small  gt           lt item name  android indeterminateDrawable  gt  drawable progress lt  item gt           lt item name  android duration  gt 40 lt  item gt           lt item name  android animationCache  gt true lt  item gt           lt item name  android drawingCacheQuality  gt low lt  item gt           lt item name  android persistentDrawingCache  gt animation lt  item gt       lt  style gt     drawable progress xml -   lt  xml version  1 0  encoding  utf-8   gt   lt animated-rotate xmlns android  http   schemas android com apk res android      android drawable   drawable spinner white      android pivotX  50       android pivotY  50     gt    Use this type of image for progress bar    For better result you can use multiple progress images  And please don t hesitate using images  because Android Platform itself use images for progressbar  The code is extracted from sdk

User · Answer

It seems that an indeterminate linear progress indicator can be made multicolor in newer versions of material design library  Making animation type of the progress bar contiguous achieves this   In the layout with this attribute  app indeterminateAnimationType   or programmatically with this method  setIndeterminateAnimationType      Refer here for more info

User · Answer

Simply use   DrawableCompat setTint progressBar getIndeterminateDrawable   yourColor

User · Answer

This is not programmatically but I think it could help a lot of people anyway  I tried a lot and the most efficient way was to add this lines to my ProgressBar in the  xml File               android indeterminate  true              android indeterminateTintMode  src atop              android indeterminateTint   color secondary    So in the end this code did it for me    lt ProgressBar             android id    id progressBar              style   android attr progressBarStyleLarge              android layout width  wrap content              android layout height  wrap content              android layout centerHorizontal  true              android layout centerVertical  true              android layout marginTop  50dp              android layout marginBottom  50dp              android visibility  visible              android indeterminate  true              android indeterminateTintMode  src atop              android indeterminateTint   color secondary  gt    This solution works for API 21

User · Answer

Simplest Solution if you want to change the colour in the layout xml file  use the below code and use indeterminateTint property for your desired color        lt ProgressBar       android id    id progressBar        style   android attr progressBarStyle        android layout width  wrap content        android indeterminate  true        android indeterminateTintMode  src atop        android indeterminateTint   ddbd4e        android layout height  wrap content        android layout marginBottom  20dp        android layout alignParentBottom  true        android layout centerHorizontal  true    gt

User · Answer

For my indeterminate progressbar  spinner  I just set a color filter on the drawable  Works great and just one line    Example where setting color to red   ProgressBar spinner   new android widget ProgressBar                  context                  null                  android R attr progressBarStyle    spinner getIndeterminateDrawable   setColorFilter 0xFFFF0000  android graphics PorterDuff Mode MULTIPLY

User · Answer

This is an old question  but using theme is not mentioned here  If your default theme is using AppCompat  your ProgressBar s color will be colorAccent you have defined    Changing colorAccent will also change your ProgressBar s color  but there changes also reflects at multiple places  So  if you want a different color just for a specific PregressBar you can do that by applying theme to that ProgressBar     Extend your default theme and override colorAccent   lt style name  AppTheme WhiteAccent  gt       lt item name  colorAccent  gt  color white lt  item gt   lt  -- Whatever color you want-- gt   lt  style gt   And in ProgressBar add the android theme attribute   android theme   style AppTheme WhiteAccent     So it will look something like this    lt ProgressBar         android id    id loading          android layout width  wrap content          android layout height  wrap content          android layout gravity  center          android padding  10dp          android theme   style AppTheme WhiteAccent    gt    So you are just changing a colorAccent for your particular ProgressBar   Note  Using style will not work  You need to use android theme only  You can find more use of theme here  https   plus google com u 0  AndroidDevelopers posts JXHKyhsWHAH

User · Answer

The most simple way of changing the foreground and background colour of a progress bar is   lt ProgressBar                         style   android style Widget ProgressBar Horizontal                          android id    id pb main                          android layout width  match parent                          android layout height  8dp                          android progress  30                          android progressTint   82e9de                          android progressBackgroundTint   82e9de                            gt    just add                          android progressTint   82e9de    for foreground colour                         android progressBackgroundTint   82e9de    for background colour

User · Answer

ProgressBar freeRamPb   findViewById R id free ram progress bar    freeRamPb getProgressDrawable   setColorFilter  Color BLUE  android graphics PorterDuff Mode SRC IN

User · Answer

android progressTint   ffffff

User · Answer

It is so simple using attr   if you are dealing with multistyle apps   try this way   Declare below attribute attrs xml    lt attr name  circularProgressTheme  format  reference  gt  lt  attr gt    Paste below code in styles xml    lt style name  ProgressThemeWhite  parent  ThemeOverlay AppCompat Light  gt           lt item name  colorAccent  gt  FF0000 lt  item gt       lt  style gt        lt style name  circularProgressThemeWhite  gt           lt item name  android theme  gt  style ProgressThemeWhite lt  item gt       lt  style gt       lt style name  AppTheme  parent  Theme AppCompat NoActionBar  gt       lt item name  circularProgressTheme  gt  style circularProgressThemeWhite lt  item gt     lt  style gt    use progress bar like below     lt ProgressBar         style   attr circularProgressTheme          android id    id commonProgress          android layout width  wrap content          android layout height  wrap content          android layout gravity  center          android visibility  visible   gt

[android] How to change progress bar's progress color in Android

Examples related to android

Examples related to material-design

Examples related to android-progressbar

Examples related to progress-indicator