How to change progress bar's progress color in Android

L

42

599

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)?

Latour answered 7/1, 2010 at 14:13 Comment(4)

Have you tried MyProgressBar.setProgressDrawable(Drawable d) specifying a bitmap with the color you want? developer.android.com/reference/android/widget/… developer.android.com/reference/android/graphics/drawable/… – Gorblimey 7/1, 2010 at 14:25

Yes i've tried it but it doesn't work. It sets the background color of the whole progress bar view instead of setting the background color of only the bar itself. Thanks. – Latour 7/1, 2010 at 14:41

android:indeterminateTint="@android:color/white" works only on API >=21 – Callender 19/8, 2017 at 17:8

android:progressTint="@android:color/white" when you use non-indeterminate – Spectral 26/9, 2022 at 15:5

C

316

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

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item android:id="@android:id/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="@android:id/secondaryProgress">
    <clip>
        <shape>
            <corners android:radius="5dip" />
            <gradient
                    android:startColor="#80ffd300"
                    android:centerColor="#80ffb600"
                    android:centerY="0.75"
                    android:endColor="#a0ffcb00"
                    android:angle="270"
            />
        </shape>
    </clip>
</item>

<item android:id="@android:id/progress">
    <clip>
        <shape>
            <corners
                android:radius="5dip" />
            <gradient
                android:startColor="@color/progress_start"
                android:endColor="@color/progress_end"
                android:angle="270" 
            />
        </shape>
    </clip>
</item>

</layer-list>

Cervelat answered 7/1, 2010 at 15:0 Comment(11)

The reason is because I'm creating the progress bar dynamically, and setting its color upon user request. Since I usually use code for building my GUI screen and components, I'm not familiar with the attached XML and I don't know what's a layer-list (although I'm guessing that you are building the progress bar based on several layers..). In case I do want to use the XML you've attached - where should I place the it in the project's folder and is there anything more I need to do for creating a progress bar based on the XML settings ? Thanks. – Latour 7/1, 2010 at 15:33

You save this xml as a file and put it in the drawable folder ( let's say my_progress.xml ) than you set it as a drawable in MyProgressBar.setProgressDrawable() To change colors - you'll need to change those values in @color/progress_start @color/progress_end It's basically a gradient and you can put hex in there. – Cervelat 7/1, 2010 at 15:50

Note - file is the copy of the one that's in SDK. I've dropped copyright here. If you look in the res/drawable folder you'll see exactly what i've posted - colors are set to the yellow gradient, instead of custom colors. – Cervelat 7/1, 2010 at 15:53

Its does not show any color change to me. please tell the color which worked out. – Piotr 2/7, 2010 at 11:9

Hi Alex , your answers is very nice. but, i am tried to change custom progress wheel color at runtime. but, i could not. please help me to solve my issue.. after progress reaches100%, then that time change the color and start progress..i download code from this..#18504218 – Desmonddesmoulins 29/8, 2013 at 11:20

can we adjust background width of seekbar ? – Abscission 13/9, 2014 at 5:54

Just put these all in a <layer-list> and this works perfect – Deimos 24/12, 2014 at 14:18

If we would like to perform operations on click of each color of a progress bar. what we can do? – Femineity 18/11, 2015 at 13:20

@AlexVolovoy I know it's been a while but could you add the folder where you took the file from? Was it this one %SDK-FOLDER%/platforms/android-*/data/res/drawable/progress_horizontal.xml – Pippy 17/2, 2020 at 9:7

If you want round progressIndicators as well just change <clip> to <scale android:scaleWidth="100%"> Enjoy! – Tecu 2/11, 2020 at 11:11

Hi, I think Alex' solution is correct answer. I checked geeksforgeeks.org/… and see same solution. I used it. – Allogamy 11/4, 2022 at 19:19

A

552

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:

<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">

This solution works for API 21+

Atropine answered 11/7, 2015 at 16:4 Comment(4)

There are also setter methods for these properties which can be called if dynamic color must be set. – Snowden 1/12, 2015 at 23:46

Do I have to make a custom resource file for api 21+ and api <= 20? Or are those attributes just ignored in api <= 20? – Rotenone 20/1, 2016 at 8:13

@shriduttkothari how can it be the best?... it from 21+ – Hydrogenous 16/9, 2016 at 19:16

It is a good answer, just use @TargetApi anotation in the method that change the color so when it is less API 21 it doesn't crash – Diamagnetic 15/6, 2018 at 20:40

E

540

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));

Eupatorium answered 4/4, 2013 at 11:25 Comment(16)

I wanted to use this answer as it seemed to me to be the simplest one but my progress bar is completely red independently of the progress value. Are you sure of the Mode to use? – Loblolly 29/5, 2013 at 13:55

I justed tested it again, here it works perfectly. Did you set a progress? Maybe you only see the light red background. – Eupatorium 29/5, 2013 at 14:11

Yes I set a progress, I had to set a color with transparency for this to work. I tested it on android 2.2, not sure if it could have an influence. – Loblolly 29/5, 2013 at 14:46

@resus I have the same problem, the bar was fully red and no progress was visible. But I solved it changing Mode.SRC_IN to Mode.MULTIPLY. – Rattat 2/7, 2013 at 15:0

Don't forget to do the same for getIndeterminateDrawable if you are using indeterminate progress. – Basanite 18/9, 2014 at 6:45

Also note that doing this will modify drawables of ALL progress bars in your app. To do this only to a particular one, call mutate() on drawable, then set color filter on it and then call set*Drawable on your progressBar. – Psychedelic 19/2, 2015 at 11:13

how to don't change background color ? I just want to change progress color. – Chickamauga 25/2, 2015 at 2:42

That's pretty neat. How to change RED to another custom color like #12ddfe – Forfar 7/3, 2015 at 19:12

You can use Color.parseColor("#12ddfe") instead of Color.RED. – Eupatorium 10/3, 2015 at 6:59

Great it work onward 2.3 For indeterminate progress bar i am using getIndeterminateDrawable – Ravage 7/4, 2015 at 9:15

Awesome suggestion! progressBar.getProgressDrawable().setColorFilter(Color.RED, Mode.SRC_IN); works for me without modification. And with mode MULTIPLY progress drawable turns a couple of shades darker. – Thorathoracic 4/6, 2015 at 7:42

for a circle one? – Hydrogenous 16/9, 2016 at 19:22

@TorbenKohlmeier Since this is the most popular answer, I think it would be very helpful if you added "@dimsuz"s warning that this will modify drawables of all progress bars and one should use mutate to prevent that. – Frisbee 21/12, 2017 at 8:8

Not that you must call setProgress() after setting the tint, otherwise you only get an empty progress bar. At least this is true on Android 4.4.4. – Herisau 13/9, 2018 at 17:37

All what I need, I only added Color.parseColor(myColor) to use a color from a String stored on database – Infamous 4/11, 2019 at 12:8

the method setColorFilter is deprecated from API 29. To resolve follow this link https://mcmap.net/q/65625/-setcolorfilter-is-deprecated-on-api29 as suggest @shmakova – Hainan 9/4, 2020 at 6:50

C

316

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

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<item android:id="@android:id/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="@android:id/secondaryProgress">
    <clip>
        <shape>
            <corners android:radius="5dip" />
            <gradient
                    android:startColor="#80ffd300"
                    android:centerColor="#80ffb600"
                    android:centerY="0.75"
                    android:endColor="#a0ffcb00"
                    android:angle="270"
            />
        </shape>
    </clip>
</item>

<item android:id="@android:id/progress">
    <clip>
        <shape>
            <corners
                android:radius="5dip" />
            <gradient
                android:startColor="@color/progress_start"
                android:endColor="@color/progress_end"
                android:angle="270" 
            />
        </shape>
    </clip>
</item>

</layer-list>