How To Make Your Progress Bar As Aesthetically Pleasing As Your Android Application

April 18, 2017
Shushant Tyagi

Horizontal Progress bar are one of the most typically used features in Android/IOS application to visually give an aesthetic of the application working  and as we dig deeper in this development IDE we come across various ways to do away with that boring looking single colored Progress bars.

We have jotted down a list of top 5 features that can instantly customize your Scrollbar to look niche and fancy.

1) Customize the width of your Progress bar to suit your application aesthetics.

pb1

How to do it?

XML

pb2

 

Then the code to inflate it is as follows

pb3

 

    2) Progress bars with circular edges

pb5

XML

pb6

 

Now in the Drawable folder

pb7.jpg

 

3) Different entry and exit color in the Progressbars

pb8.jpg

XML

pb6

In the Drawable folder

pb10.jpg

 

4) Adjust the speed of the Scrollbar

pb11.jpg

 

 

XML

pb6

In the drawable folder

rotate

 

5) Tired of seeing the progress horizontally? Go Circular..

pb14.jpg.png

XML

pb15.jpg

To do this, in the drawable . We create a layerlist and inside that layer list I am giving two items as shown.

pb16

These are merely highlights of the custom scope the Progress bar allows, when it comes to customization Sky is the limit.

Share
Tweet
Share
+1
Pin