{"id":988,"date":"2016-02-29T06:44:34","date_gmt":"2016-02-29T06:44:34","guid":{"rendered":"http:\/\/abhiandroid.com\/ui\/?page_id=988"},"modified":"2019-06-12T10:01:07","modified_gmt":"2019-06-12T10:01:07","slug":"progressbar","status":"publish","type":"page","link":"https:\/\/abhiandroid.com\/ui\/progressbar","title":{"rendered":"ProgressBar Tutorial With Example In Android Studio"},"content":{"rendered":"

In Android, ProgressBar is used to display the status of work being done like analyzing status of work or downloading a file etc. In Android, by default a progress bar will be displayed as a spinning wheel but If we want it to be displayed as a horizontal bar then we need to use style attribute as horizontal. It mainly use the\u00a0“android.widget.ProgressBar”\u00a0<\/strong>class.<\/p>\n

\"ProgressBar<\/center>Important Note:<\/span>\u00a0<\/strong>A progress bar can also be made indeterminate. In this mode a progress bar shows a cyclic animation without an indication of progress. This mode is used in application when we don\u2019t know the amount of work to be done.<\/p>\n

To add a progress bar to a layout (xml) file, you can use the\u00a0<ProgressBar>\u00a0element. By default, a progress bar is a spinning wheel (an indeterminate indicator). To change to a horizontal progress bar, apply the progress bar\u2019s horizontal style.<\/p>\n

ProgressBar code:<\/strong><\/p>\n

<ProgressBar\r\nandroid:id=\"@+id\/simpleProgressBar\"\r\nandroid:layout_width=\"wrap_content\"\r\nandroid:layout_height=\"wrap_content\" \/>\r\n<\/pre>\n
Horizontal ProgressBar code:<\/strong><\/p>\n
<ProgressBar\r\nandroid:id=\"@+id\/simpleProgressBar\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nstyle=\"@style\/Widget.AppCompat.ProgressBar.Horizontal\"\/>\r\n<\/pre>\n
\n
Important\u00a0Methods Used In ProgressBar:<\/strong><\/h4>\n
1. getMax() – returns the maximum value of progress bar<\/strong><\/span><\/p>\n
We can get the maximum value of the progress bar in java class. This method returns a integer value. Below is the code to get the maximum value from a Progress bar.<\/p>\n
ProgressBar simpleProgressBar=(ProgressBar) findViewById(R.id.simpleProgressBar<\/em>); \/\/ initiate the progress bar \r\nint maxValue=simpleProgressBar.getMax(); \/\/ get maximum value of the progress bar\r\n<\/pre>\n
2. getProgress() – returns current progress value<\/strong><\/span><\/p>\n
We can get the current progress value from a progress bar in java class. This method also returns a integer value. Below\u00a0is the code to\u00a0get current progress value from a Progress bar.<\/p>\n
ProgressBar simpleProgressBar=(ProgressBar)findViewById(R.id.simpleProgressBar<\/em>); \/\/ initiate the progress bar\r\nint progressValue=simpleProgressBar.getProgress(); \/\/ get progress value from the progress bar\r\n<\/pre>\n
\n
Attributes of ProgressBar In Android:<\/strong><\/h4>\n
Now let\u2019s discuss important\u00a0attributes that helps us to configure a Progress bar in xml file (layout).<\/p>\n
1. id:<\/span>\u00a0<\/strong>id is an attribute used to uniquely identify a Progress bar.<\/p>\n
<ProgressBar\r\nandroid:id=\"@+id\/simpleProgressBar\"<\/strong> \r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nstyle=\"@style\/Widget.AppCompat.ProgressBar.Horizontal\"\/>\r\n<\/pre>\n
2. max: <\/strong><\/span>max is an attribute used in android to define maximum value of the progress can take. It must be an integer value like 100, 200 etc.<\/p>\n
Below we set 100 maximum value for a progress bar.<\/p>\n
<ProgressBar\r\n    android:id=\"@+id\/simpleProgressBar\"\r\n    android:layout_width=\"fill_parent\"\r\n    android:layout_height=\"wrap_content\"\r\n    style=\"@style\/Widget.AppCompat.ProgressBar.Horizontal\"\r\n    android:max=\"100\" \/><!--set 100 maximum value for the progress bar--><\/pre>\n
Set Max Value\u00a0of ProgressBar In Java Class :<\/strong><\/p>\n
ProgressBar simpleProgressBar=(ProgressBar) findViewById(R.id.simpleProgressBar<\/em><\/strong>); \/\/ initiate the progress bar\r\nsimpleProgressBar.setMax(100); \/\/ 100 maximum value for the progress bar\r\n<\/pre>\n
\"max<\/center>3. progress: <\/strong><\/span>progress is an attribute used in android to define the default progress value between 0 and max. It must be an integer value.<\/p>\n
Below we set the 100 max value and then set 50 default progress.<\/p>\n
<ProgressBar\r\n    android:id=\"@+id\/simpleProgressBar\"\r\n    android:layout_width=\"fill_parent\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:max=\"100\"\r\n    style=\"@style\/Widget.AppCompat.ProgressBar.Horizontal\"\r\n    android:progress=\"50\"\/><!--\/\/ 50 default progress value--><\/pre>\n
\"progress<\/center>Setting Progress Value of ProgressBar In Java Class :<\/strong><\/p>\n
ProgressBar simpleProgressBar=(ProgressBar)findViewById(R.id.simpleProgressBar<\/em><\/strong>); \/\/ initiate the progress bar\r\nsimpleProgressBar.setMax(100); \/\/ 100 maximum value for the progress value\r\nsimpleProgressBar.setProgress(50); \/\/ 50 default progress value for the progress bar\r\n<\/pre>\n
4. progressDrawable: <\/strong><\/span>progress drawable is an attribute used in Android to set the custom drawable for the progress mode.<\/p>\n
Below we set a custom gradient drawable for the progress mode of a progress bar.\u00a0Before you try below code make sure to download a progress icon from the web and add in your drawable folder.<\/p>\n
Step 1:<\/strong> Add this code in activity_main.xml or main.xml inside layout.<\/p>\n
<ProgressBar\r\nandroid:id=\"@+id\/simpleProgressBar\"\r\nandroid:layout_width=\"fill_parent\"\r\nandroid:layout_height=\"wrap_content\"\r\nandroid:max=\"100\"\r\nandroid:progress=\"60\"\r\nandroid:layout_marginTop=\"100dp\"\r\nstyle=\"@style\/Widget.AppCompat.ProgressBar.Horizontal\"\r\nandroid:progressDrawable=\"@drawable\/custom_progress\"\/><!--custom progress drawable for progress mode-->\r\n<\/pre>\n
Step 2:<\/strong> Create a new drawable resource xml in drawable folder and name it custom_progress. Here add the below code which creates gradient effect in progressbar.<\/p>\n
<?xml version=\"1.0\" encoding=\"utf-8\"?>\r\n<layer-list xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\" >\r\n\r\n    <item>\r\n        <shape>\r\n            <gradient\r\n                android:endColor=\"#fff\"\r\n                android:startColor=\"#1f1\"\r\n                android:useLevel=\"true\" \/>\r\n\r\n        <\/shape>\r\n    <\/item>\r\n\r\n\r\n<\/layer-list><\/pre>\n
\"progressDrawable<\/center>5. background:<\/strong><\/span>\u00a0background attribute is used to set the background of a Progress bar. We can set a color or a drawable in the background of a Progress bar.<\/p>\n
Below we set the black color for the background of a Progress bar.<\/p>\n
<ProgressBar\r\n    android:id=\"@+id\/simpleProgressBar\"\r\n    android:layout_width=\"fill_parent\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:max=\"100\"\r\n    android:progress=\"50\"\r\n    style=\"@style\/Widget.AppCompat.ProgressBar.Horizontal\"\r\n    android:background=\"#000\"\/><!-- black background color for progress bar--><\/pre>\n
\"background<\/center>6. indeterminate:<\/strong><\/span>\u00a0indeterminate attribute is used in Android\u00a0to\u00a0enable the indeterminate mode.\u00a0In this mode a progress bar shows a cyclic animation without an indication of progress. This mode is used in application when we don\u2019t know the amount of work to be done. In this mode the actual working will not be shown.<\/p>\n
In below code we set the indeterminate to true.<\/p>\n
<ProgressBar\r\n    android:id=\"@+id\/simpleProgressBar\"\r\n    android:layout_width=\"fill_parent\"\r\n    android:layout_height=\"wrap_content\"\r\n    android:max=\"100\"\r\n    android:progress=\"50\"\r\n    android:background=\"#000\"\r\n    android:padding=\"20dp\" style=\"@style\/Widget.AppCompat.ProgressBar.Horizontal\"\r\n    android:indeterminate=\"true\"\/><!--true value for indeterminate--><\/pre>\n
\"indeterminate<\/center>Setting indeterminate of ProgressBar In Java class:<\/strong><\/p>\n
ProgressBar simpleProgressBar=(ProgressBar)findViewById(R.id.simpleProgressBar<\/em><\/strong>); \/\/ initiate the progress bar\r\nsimpleProgressBar.setBackgroundColor(Color.BLACK<\/em><\/strong>); \/\/ black background color for the progress bar\r\n<\/pre>\n
7.\u00a0<\/strong>padding:<\/strong><\/span>\u00a0padding attribute is used to set the padding from left, right, top or bottom of ProgressBar.<\/span><\/p>\n