JCSectionedProgressIndicator

A Sectioned Progress Indicator built in Jetpack Compose. Easily specify number of sections with corresponding section colors

How it looks like

bandicam.2022-02-16.09-40-33-054.mp4


Installation

Step 1

Add this in your root build.gradle at the end of repositories:

allprojects {
    repositories {
        maven { url 'https://jitpack.io' }
    }
}

Step 2. Add the dependency

dependencies {
    implementation 'com.github.develNerd:JCSectionedProgressIndicator:1.0.0'
}

Usage

Take a look at the sample usescase for more details on implementation

Step 1

Call the CircularSectionedIndicator() method and set required params

  val listOfColors = listOf<Color>(Color.Red, Color.Green, Color.Blue,Color.LightGray,
                    Color.Yellow)
  
 CircularSectionedIndicator(sections = 4,progressValue = progressAntiClockWise,strokeValue = 3.dp,indicatorSize = 100.dp,listOfColors = listOfColors)

GitHub

View Github