MultiProgressBar

Open source android library for different progress bar designs.

bouncy_balls

clock

fidget

gear_duo

hour_glass

jelly_belly

infinity_bar

rainbow_ring

triad_ring

color_capsule

? Installation

Add this in your app's build.gradle file:

dependencies {
  implementation 'com.aseem.versatileprogressbar:MultiProgressBar:1.1.0'
}

❔ Usage

Basic Usage


Minimum SDk version required:23

Put the following at the bottom of your activity layout xml file. Probably inside a parent Relative Layout tag.

 	<com.aseem.versatileprogressbar.ProgBar
        android:id="@+id/myProgBar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
	android:elevation="10dp"
        app:barType="@drawable/bouncy_balls"
        app:text="Please wait..."          
        app:textSize="6sp"		   
        app:enlarge="3"			     
        app:androidtextColor="@color/colorPrimary"/> 

Description

Attribute Name Default Value Description
app:barType bouncy_balls Defines the design of progress bar. All the available designs are mentioned below.
app:text Please wait... The text you want to show below the progress bar.
app:textSize 16sp The size of text you want.
app:enlarge 2 This can range from 1 to 10 and enalrges the size of the progress bar.
app:androidtextColor BLACK This is the color of the text.

Progress Bar Designs

        app:barType="@drawable/bouncy_balls"
	app:barType="@drawable/clock"
	app:barType="@drawable/color_capsule"
	app:barType="@drawable/fidget"
	app:barType="@drawable/gear_duo"
	app:barType="@drawable/hour_glass"
	app:barType="@drawable/infinity_bar"
	app:barType="@drawable/jelly_belly"
	app:barType="@drawable/rainbow_ring"
	app:barType="@drawable/triad_ring"

? Customization and Attributes

You can programatically customize the progress bar using the following methods:

Method Name Description Usage
setScaleType() To set the scale type of progress bar. Default is centerInside. myProgBar.setScaleType(ImageView.ScaleType.CENTER_INSIDE);
setProgressVector() To set the design of progress bar. All the available designs are mentioned above. myProgBar.setProgressVector(getDrawable(R.drawable.bouncy_balls));
enlarge() This can range from 1 to 10 and enalrges the size of the progress bar. myProgBar.enlarge(4);
setTextMsg() The text you want to show below the progress bar. myProgBar.setTextMsg("Loading");
setTextColor() This sets the color of the text below the progress bar. myProgBar.setTextColor(getColor(R.color.colorPrimary));
setTextSize() This sets the size of the text below the progress bar. myProgBar.setTextSize(24);

GitHub