how to change ProgressBar color?

Question

i want to change Horizontal ProgressBar color

i have tried this

How to change the color of an indefinite ProgressBar?

its not working still progress run in blue color

this is my code

<ProgressBar
                 android:id="@+id/mini_progress"
                 android:layout_marginLeft="10dip"
                 android:layout_marginRight="10dip"
                 style="?android:attr/progressBarStyleHorizontal"
                 android:layout_width="match_parent"
                 android:layout_height="20dip"
                 android:layout_gravity="center_horizontal"
                 android:indeterminate="false"
                 android:indeterminateBehavior="repeat"
                 android:indeterminateOnly="true"
                 android:visibility="gone"/>

how i can change the color to Pink ?

score 33 · Accepted Answer · answered Sep 14 '13 at 09:33

Try this code -

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

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="5dip" />

                <solid android:color="#f58233" />
            </shape>
        </clip>

        <color android:color="#f58233" />
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <corners android:radius="5dip" />

                <solid android:color="#f58233" />
            </shape>
        </clip>

        <color android:color="#f58233" />
    </item>

</layer-list>

Progress Bar -

<ProgressBar
            android:id="@+id/progressBar1"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="200dp"
            android:layout_height="3dip"
            android:progressDrawable="@drawable/progress_bar" />

Change color codes according to your need

Secondary Progress is for bg color, and progress for foreground color, I guess. Dont exactly remember. — Vishal Pawale, Jun 23 '15 at 21:41
Initially the progress bar is not visible at all. When I added its visible. I think secondaryprogress is not the bg! — Hari Swaminathan, Dec 15 '15 at 07:43
How do you change colour of progress bar when its completely filled? — Jono, Jul 08 '20 at 10:36

score 14 · Answer 2 · edited Feb 15 '17 at 18:03

14

I did this to get the required color :

    android:indeterminate="true"
    android:indeterminateTintMode="src_atop"
    android:indeterminateTint="@color/myColor"

Works perfectly for me.(API 21 or higher)

edited Feb 15 '17 at 18:03

mamzi

495
5
11

answered Sep 02 '16 at 14:27

arqam

3,582
5
34
69

Vikram · Answer 3 · 2015-10-22T10:16:30.243

For me this worked well.

<ProgressBar
            android:id="@+id/verify_progress"
            style="@android:style/Widget.ProgressBar.Horizontal"
            android:layout_width="match_parent"
            android:layout_height="5dp"
            android:layout_below="@id/verify_phone"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_marginTop="10dp"
            android:indeterminate="false"
            android:progressDrawable="@drawable/progress_bar" </ProgressBar>

drawable/progress_bar -

  <?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>
                <corners android:radius="5dip" />
                <gradient
                    android:startColor="@color/Gray"
                    android:centerColor="@color/Gray"
                    android:endColor="@color/Gray"
                    />
            </shape>
        </item>


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

    </layer-list>

Yep. Works across all android versions. – user1608385 Apr 11 '21 at 23:42 — user1608385, Apr 11 '21 at 23:42

score 3 · Answer 4 · answered Jun 07 '17 at 08:07

3

Since API 21 it's a one liner:

<ProgressBar
            ...
            android:progressTint="@color/colorAccent"/>

answered Jun 07 '17 at 08:07

Javatar

2,518
1
31
43

score 0 · Answer 5 · answered Jul 29 '16 at 11:47

Add a renderer:

public class CustomProgressBarRenderer :ProgressBarRenderer
{
    protected override void OnElementChanged(ElementChangedEventArgs<Xamarin.Forms.ProgressBar> e)
    {
        base.OnElementChanged(e);

        Control.ProgressDrawable.SetColorFilter(Color.FromRgb(182, 231, 233).ToAndroid(), Android.Graphics.PorterDuff.Mode.SrcIn);
        //Control.ProgressTintListColor.FromRgb(182, 231, 233).ToAndroid();
        Control.ProgressTintList = Android.Content.Res.ColorStateList.ValueOf(Color.FromRgb(182, 231, 233).ToAndroid());


    }
}

vikas kumar · Answer 6 · 2016-09-12T16:23:12.463

0

this works on pre-lollipop devices.

progressBar.getProgressDrawable().setColorFilter(ContextCompat.getColor(getActivity(),R.color.product_status_color), PorterDuff.Mode.MULTIPLY)

edited Sep 12 '16 at 16:23

answered Sep 08 '16 at 13:36

vikas kumar

10,447
2
46
52

1

This will fires a `NullPointerException` as `getProgressDrawable()` is null – blueware Feb 18 '17 at 19:38

how to change ProgressBar color?

6 Answers6

Linked