How to change default ProgressBar circle color on Android

Question

I am currently using an external library in my Android project imported via gradle.
This library show a notification bar with a ProgressBar circle. This is the code I found in it's sources :

<ProgressBar
            android:id="@+id/progress_bar"
            android:layout_height="match_parent"
            android:layout_marginBottom="4dp"
            android:layout_marginTop="4dp"
            style="@style/SuperActivityToast_Progress_ProgressBar"/>

The style associated is this one :

<style name="SuperActivityToast_Progress_ProgressBar" parent="android:Widget.Holo.ProgressBar">
    <item name="android:layout_width">32dp</item>
    <item name="android:layout_marginLeft">8dp</item>
</style>

If I understand correclty, the color of the circle shown is derived from the default one ( green on my phone ). I need to change it!

Now, I can't modify the source code, and the library itself doesn't offer me the possibility to set the style programmatically.

There is a way to change the default style at app level or better override this specific style?

Thanks Davide

possible duplicate of [Android change Horizonal Progress bar color](http://stackoverflow.com/questions/5745814/android-change-horizonal-progress-bar-color) — wbk727, Aug 17 '15 at 18:02

bond · Answer 1 · 2016-09-25T13:08:36.367

62

If you are using the AppCompat theme, it uses the accentColor to tint the circle.

If you want to tint it to a different color than the Theme, then you should consider using ThemeOverylay. E.g. If you want to make the circle tint red you could do the following:

in your styles.xml

<style name="RedAccent" parent="ThemeOverlay.AppCompat.Light">
    <item name="colorAccent">#F00</item>
</style>

in your ProgressBar, set the theme to be RedAccent.

<ProgressBar
            android:id="@+id/progress_bar"
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:theme="@style/RedAccent"/>

And your circle will now be in red color!

edited Sep 25 '16 at 13:08

answered Sep 22 '16 at 21:11

bond

11,236
7
48
62

2

thanks! quick and easy solution that works however only after referencing the theme by including "@style" so android:theme="@style/RedAccent" - thanks – Clive Sargeant Sep 25 '16 at 10:41
Yea @CliveSargeant, good catch. it needs to be '@style/' as we are referencing style. I have updated the answer. – bond Sep 25 '16 at 13:11
That's a really useful approach. I hadn't realised we could override the application styles in this way! – Mapsy Apr 10 '17 at 09:12
you are the definition of a legend – Hudi Ilfeld Jan 03 '19 at 16:54
this solution didn't work for me, I had to set `colorControlActivated` as described in one of the answers below – yuval Jul 31 '19 at 20:27
Great answer compared to ALL the other solutions. – WHOATEMYNOODLES Aug 27 '19 at 09:18

score 30 · Accepted Answer · answered Aug 17 '15 at 19:46

After several attempts I found a solution :

ProgressBar progBar = (ProgressBar) context.getActivity().findViewById(R.id.progress_bar);
if (progBar != null) {
    progBar.setVisibility(View.VISIBLE);
    progBar.setIndeterminate(true);
    progBar.getIndeterminateDrawable().setColorFilter(0xFFFFFFFF, android.graphics.PorterDuff.Mode.MULTIPLY);
}

Simply, i'll get a reference of the progress bar object created by the library and i change it's attributes. ( in my activity i must do that in a "OnStart" method otherwise it is null ) The most important part is the "setColorFilter" that do the magic.

Mode.MULTIPLY will multiply the color with progressbar color, if someone wants pure solid color then use PorterDuff.Mode.SRC_ATOP — Ramesh Kumar, Apr 20 '16 at 11:09

score 12 · Answer 3 · answered Sep 17 '18 at 15:58

12

For future references, this change has worked for me is:

Changing the colorControlActivated within AppTheme in your values/styles.xml file:

 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Main theme colors -->
    ....
    <!-- Color for circle in progress bar -->
    <item name="colorControlActivated">#DC0808</item>
</style>

With this approach, you do not need to perform any action on your <ProgressBar/> tag within your xml file.

answered Sep 17 '18 at 15:58

Red M

2,609
3
30
50

Would colorControlActivated affect other things? If so, which ? And is it behaving differently for dark theme? – android developer Mar 24 '20 at 14:41
@VivekPratapSingh Do you have the AppTheme set in your manifest file? `` – Heinous Games May 20 '20 at 02:25

score 8 · Answer 4 · answered Oct 01 '19 at 07:30

8

Just add color in ProgressBar like below :

    <ProgressBar
    android:id="@+id/progressbar"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:visibility="gone"
    android:indeterminateTint="@color/colorPrimary"  // add color here
    android:layout_centerVertical="true"/>

answered Oct 01 '19 at 07:30

murugan mani

375
5
6

Note that `indeterminateTint` is only available from API Level 21 and higer! – Bruno Bieri Feb 14 '20 at 14:41
stayed mass like the pest – luke cross Jul 04 '20 at 17:48

How to change default ProgressBar circle color on Android

4 Answers4