Styjun

A simpler solution:

progess_drawable_blue

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:id="@android:id/background">
 <shape>
 <solid
 android:color="@color/disabled" />
 </shape>
</item>

<item
 android:id="@android:id/progress">
 <clip>
 <shape>
 <solid
 android:color="@color/blue" />
 </shape>
 </clip>
</item>

</layer-list>

If you only want to change the progress bar color, you can simply use a color filter in your Activity's onCreate() method:

ProgressBar progressbar = (ProgressBar) findViewById(R.id.progressbar);
int color = 0xFF00FF00;
progressbar.getIndeterminateDrawable().setColorFilter(color, PorterDuff.Mode.SRC_IN);
progressbar.getProgressDrawable().setColorFilter(color, PorterDuff.Mode.SRC_IN);

Idea from here.

You only need to do this for pre-lollipop versions. On Lollipop you can use the colorAccent style attribute.

Just create a style in values/styles.xml.

<style name="ProgressBarStyle">
 <item name="colorAccent">@color/greenLight</item>
</style>

Then set this style as your ProgressBar theme.

<ProgressBar
 android:theme="@style/ProgressBarStyle"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"/>

and doesn't matter your progress bar is horizontal or circular.
That's all.

for API level 21 or higher just use

android:progressBackgroundTint="@color/yourBackgroundColor"
android:progressTint="@color/yourColor"

There are 3 ways to solve this question:

1. How to adjust the progressbar color declaratively


2. How to adjust the progressbar color programmatically, but choose the color from various predetermined colors declared before compile-time


3. How to adjust the progressbar color programmatically, and also create the color programatically.

In particular there is a lot of confusion around #2 and #3, as seen in comments to amfcosta's answer. That answer will yield unpredictable color results anytime you'd like to set the progressbar to anything except primary colors, as it only modifies the background color, and the actual progress bar "clip" area will still be a yellow overlay with reduced opacity. For example, using that method to set the background to dark purple will result in a progress bar "clip" color of some crazy pinkish color resulting from dark purple and yellow mixing via reduced alpha.

So anyhow, #1 is answered perfectly by Ryan and Štarke answers most of #3, but for those looking for a complete solution to #2 and #3:

How to adjust the progressbar color programmatically, but choose the color from a predetermined color declared in XML

res/drawable/my_progressbar.xml:

Create this file but change the colors in my_progress and my_secondsProgress:

(NOTE: This is just a copy of the actual XML file defining the default android SDK ProgressBar, but I've changed the IDs and Colors. The original is named progress_horizontal)

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item android:id="@+id/my_progress_background">
 <shape>
 <corners android:radius="5dip" />
 <gradient
 android:startColor="#ff9d9e9d"
 android:centerColor="#ff5a5d5a"
 android:centerY="0.75"
 android:endColor="#ff747674"
 android:angle="270"
 />
 </shape>
</item>

<item android:id="@+id/my_secondaryProgress">
 <clip>
 <shape>
 <corners android:radius="5dip" />
 <gradient
 android:startColor="#80ff171d"
 android:centerColor="#80ff1315"
 android:centerY="0.75"
 android:endColor="#a0ff0208"
 android:angle="270"
 />
 </shape>
 </clip>
</item>

<item android:id="@+id/my_progress">
 <clip>
 <shape>
 <corners android:radius="5dip" />
 <gradient
 android:startColor="#7d2afdff"
 android:centerColor="#ff2afdff"
 android:centerY="0.75"
 android:endColor="#ff22b9ba"
 android:angle="270"
 />
 </shape>
 </clip>
</item>

In your Java:

final Drawable drawable;
int sdk = android.os.Build.VERSION.SDK_INT;
 if(sdk < 16) 
 drawable = ctx.getResources().getDrawable(R.drawable.my_progressbar);
 else 
 drawable = ContextCompat.getDrawable(ctx, R.drawable.my_progressbar);
 
progressBar.setProgressDrawable(drawable)

How to adjust the progressbar color programmatically, and also create the color programatically

EDIT: I found the time to solve this properly. My former answer left this a bit ambiguous.

A ProgressBar is composed as 3 Drawables in a LayerDrawable.

1. Layer 1 is the background


2. Layer 2 is the secondary progress color


3. Layer 3 is the main progress bar color

In the example below I'll change the color of the main progress bar to cyan.

//Create new ClipDrawable to replace the old one
float pxCornerRadius = viewUtils.convertDpToPixel(5);
final float[] roundedCorners = new float[] pxCornerRadius, pxCornerRadius, pxCornerRadius, pxCornerRadius, pxCornerRadius, pxCornerRadius, pxCornerRadius, pxCornerRadius ;
ShapeDrawable shpDrawable = new ShapeDrawable(new RoundRectShape(roundedCorners, null, null));
shpDrawable.getPaint().setColor(Color.CYAN);
final ClipDrawable newProgressClip = new ClipDrawable(shpDrawable, Gravity.LEFT, ClipDrawable.HORIZONTAL);

//Replace the existing ClipDrawable with this new one
final LayerDrawable layers = (LayerDrawable) progressBar.getProgressDrawable();
layers.setDrawableByLayerId(R.id.my_progress, newProgressClip);

That example set it to a solid color. You may set it to a gradient color by replacing

shpDrawable.getPaint().setColor(Color.CYAN);

with

Shader shader = new LinearGradient(0, 0, 0, progressBar.getHeight(), Color.WHITE, Color.BLACK, Shader.TileMode.CLAMP);
shpDrawable.getPaint().setShader(shader);

Cheers.

-Lance

The simplest solution I found out is something like this:

<item name="colorAccent">@color/white_or_any_color</item>

Put the above in styles.xml file under res > values folder.

NOTE: If you use any other accent color, then the previous solutions should be good to go with.

API 21 or HIGHER

For anyone looking for how to do it programmatically:

 Drawable bckgrndDr = new ColorDrawable(Color.RED);
 Drawable secProgressDr = new ColorDrawable(Color.GRAY);
 Drawable progressDr = new ScaleDrawable(new ColorDrawable(Color.BLUE), Gravity.LEFT, 1, -1);
 LayerDrawable resultDr = new LayerDrawable(new Drawable[] bckgrndDr, secProgressDr, progressDr );
 //setting ids is important
 resultDr.setId(0, android.R.id.background);
 resultDr.setId(1, android.R.id.secondaryProgress);
 resultDr.setId(2, android.R.id.progress);

Setting ids to drawables is crucial, and takes care of preserving bounds and actual state of progress bar

final LayerDrawable layers = (LayerDrawable) progressBar.getProgressDrawable();
layers.getDrawable(2).setColorFilter(color,PorterDuff.Mode.SRC_IN);

You guys are really giving me a headache.
What you can do is make your layer-list drawable via xml first (meaning a background as the first layer, a drawable that represents secondary progress as the second layer, and another drawable that represents the primary progress as the last layer), then change the color on the code by doing the following:

public void setPrimaryProgressColor(int colorInstance) 
 if (progressBar.getProgressDrawable() instanceof LayerDrawable) 
 Log.d(mLogTag, "Drawable is a layer drawable");
 LayerDrawable layered = (LayerDrawable) progressBar.getProgressDrawable();
 Drawable circleDrawableExample = layered.getDrawable(<whichever is your index of android.R.id.progress>);
 circleDrawableExample.setColorFilter(colorInstance, PorterDuff.Mode.SRC_IN);
 progressBar.setProgressDrawable(layered);
 else 
 Log.d(mLogTag, "Fallback in case it's not a LayerDrawable");
 progressBar.getProgressDrawable().setColorFilter(color, PorterDuff.Mode.SRC_IN);
 

This method will give you the best flexibility of having the measurement of your original drawable declared on the xml, WITH NO MODIFICATION ON ITS STRUCTURE AFTERWARDS, especially if you need to have the xml file screen folder specific, then just modifying ONLY THE COLOR via the code. No re-instantiating a new ShapeDrawable from scratch whatsoever.

ProgressBar color can be changed as follows:

/res/values/colors.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
 <color name="colorAccent">#FF4081</color>
</resources>

/res/values/styles.xml

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
 <item name="colorAccent">@color/colorAccent</item>
</style> 

onCreate:

progressBar = (ProgressBar) findViewById(R.id.progressBar);
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) 
 Drawable drawable = progressBar.getIndeterminateDrawable().mutate();
 drawable.setColorFilter(ContextCompat.getColor(this, R.color.colorAccent), PorterDuff.Mode.SRC_IN);
 progressBar.setIndeterminateDrawable(drawable);

If you are in API level 21 or above you can use these XML attributes:

<!-- For indeterminate progress bar -->
android:indeterminateTint="@color/white"
<!-- For normal progress bar -->
android:progressTint="@color/white"

Create a drawable resource what background you need, in my case I named it bg_custom_progressbar.xml

<?xml version="1.0" encoding="utf-8"?>

<item>
 <shape android:shape="rectangle" >
 <corners android:radius="5dp"/>

 <gradient
 android:angle="180"
 android:endColor="#DADFD6"
 android:startColor="#AEB9A3" />
 </shape>
</item>
<item>
 <clip>
 <shape android:shape="rectangle" >
 <corners android:radius="5dp" />

 <gradient
 android:angle="180"
 android:endColor="#44CF4A"
 android:startColor="#2BB930" />
 </shape>
 </clip>
</item>
<item>
 <clip>
 <shape android:shape="rectangle" >
 <corners android:radius="5dp" />

 <gradient
 android:angle="180"
 android:endColor="#44CF4A"
 android:startColor="#2BB930" />
 </shape>
 </clip>
</item>

Then use this custom background like

 <ProgressBar
 android:id="@+id/progressBarBarMenuHome"
 style="?android:attr/progressBarStyleHorizontal"
 android:layout_width="match_parent"
 android:layout_height="20dp"
 android:layout_marginStart="10dp"
 android:layout_marginEnd="10dp"
 android:layout_marginBottom="6dp"
 android:indeterminate="false"
 android:max="100"
 android:minWidth="200dp"
 android:minHeight="50dp"
 android:progress="10"
 android:progressDrawable="@drawable/bg_custom_progressbar" />

Its works fine for me