How to Make SpinKit Progress Bar in Android?

In this article Custom Progress Bar in Android, we have discussed some good And captivating Progress Bar that is used in many Google Apps. In this article, we are going to add some more Custom Progress Bar For Android using the Android-SpinKit library. In simpler terms, Progress Bar is a visual representation that shows the progress or completion of a task or process. It is commonly used to indicate how much of a task has been completed or how much time is left until completion and it provides overall a good user experience. A sample video is given below to get an idea about what we are going to do in this article.

Step by Step Implementation

Step 1: Create a New Project in Android Studio

To create a new project in Android Studio please refer to How to Create/Start a New Project in Android Studio. Note that select Java as the programming language.

Step 2: Adding Dependency For Custom Progress Bar

Add this implementation to your build.gradle(:app) file and sync it

dependencies {
   implementation 'com.github.ybq:Android-SpinKit:1.4.0'
}

If your syncing getting failed then make sure you add (maven {url “https://jitpack.io”}) this in your settings.gradle file.
JitPack is a package repository for GitHub that allows developers to easily build and distribute their libraries or applications.

settings.gradle:

pluginManagement {
   repositories {
     google()
      mavenCentral()
       gradlePluginPortal()
        // added here 1st
        maven {url "https://jitpack.io"}
   }
}
dependencyResolutionManagement {
   repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
   repositories {
     google()
     mavenCentral()
      // added here 2nd
      maven {url "https://jitpack.io"}
   }
}
rootProject.name = "My Application"
include ':app'

In this project we will be using ActivityMainBinding to initialize the views directly you can use findViewById() also in place of that to initialize the views from your activity. If you’re using ActivityMainBinding Make Sure You Add this in build.gradle(:app)

buildFeatures {
    viewBinding true
}

Step 3: Working with the activity_main.xml file

We have added all eight progress bars with different IDs that are shown in the video with one banner TextView. Also, You Can Use All the things that are there in the Normal Progress bar for eg:- android:visibility=”visible” etc.

Step 4: Working with the MainActivity.java file

Go to the MainActivity.java file and refer to the following code. Below is the code for the MainActivity.java file. Comments are added inside the code to understand the code in more detail.

Output: