Change progress bar color in android

ashwini gupta

22 April 2017

How to change Progress bar color in android?

Please make one xml file name progress.xml and put it in res/xml folder and write the below code in that xml file.

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:pivotX="50%" android:pivotY="50%" android:fromDegrees="0"
    android:toDegrees="360">
    <shape android:shape="ring" android:innerRadiusRatio="3"
        android:thicknessRatio="8" android:useLevel="false">

        <size android:width="76dip" android:height="76dip" />
        <gradient android:type="sweep" android:useLevel="false"
            android:startColor="#0077CC"
            android:endColor="#23A1D1"
            android:angle="0"
            />
    </shape>
</rotate>

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

<rotate xmlns:android="http://schemas.android.com/apk/res/android"

android:pivotX="50%" android:pivotY="50%" android:fromDegrees="0"

android:toDegrees="360">

<shape android:shape="ring" android:innerRadiusRatio="3"

android:thicknessRatio="8" android:useLevel="false">

<gradient android:type="sweep" android:useLevel="false"

android:startColor="#0077CC"

android:endColor="#23A1D1"

android:angle="0"

</shape>

</rotate>

create ProgressBar in our Layout

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"    
    android:gravity="center_horizontal" >

    <ProgressBar
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_alignParentBottom="true"
        android:background = "@xml/progress"
        android:layout_marginBottom="120dp" />

</RelativeLayout>

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center_horizontal" >

<ProgressBar

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:layout_alignParentBottom="true"

android:background = "@xml/progress"

android:layout_marginBottom="120dp" />

</RelativeLayout>