0

Create Material Design horizontal Progress Bar in android tutorial

How to show complete Material style horizontal progressbar in pre lollipop devices applications.

By default material style progress bar cannot shows into pre lollipop devices like Kitkat, Jellybean, Ice cream sandwich..etc. But by the use of GitHub library we can easily Create Material Design horizontal Progress Bar in android application.

Follow all the below steps very carefully to add Material Design horizontal Progress Bar in your project.

android-project-download-code-button

1. Open your Project’s build.gradle ( Module : app ) and  add com.android.support:appcompat-v7:23.4.0  library file.

build-gradle-app

2. Here is the code to add GitHub library inside build.gradle file.

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
   compile 'com.android.support:appcompat-v7:23.4.0'
    compile 'com.android.support:design:23.1.+'
    compile 'me.zhanghai.android.materialprogressbar:library:1.1.6'
}

Screenshot after add this code into build.gradle file.

progress_bar_library

Next step is start coding.

How to Create Material Design horizontal Progress Bar in android tutorial.

Code for MainActivity.java file.

package com.android_examples.materialhorizontal_pbar_android_examplescom;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
}

Code for activity_main.xml layout file.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="16dp"
    android:orientation="vertical">

    <me.zhanghai.android.materialprogressbar.MaterialProgressBar
        android:layout_width="fill_parent"
        android:layout_height="20dp"
        android:indeterminate="true"
        app:mpb_progressStyle="horizontal"
        style="@style/Widget.MaterialProgressBar.ProgressBar.Horizontal"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_marginTop="40dp" />


</RelativeLayout>

Screenshots :

Create Material Design horizontal Progress Bar in android tutorial

Material-horizontal-ProgressBar-1

Click here to download Create Material Design horizontal Progress Bar in android tutorial project with source code.

Leave a Reply

Your email address will not be published. Required fields are marked *