Progress bar

Progress bars are a great way of providing feedback when a task is running. Unlike spinners, they give the user a clear idea of how long the given task will take.

ProgressBar

Maven Central Class reference Source code

Default

Day Night
ProgressBar component ProgressBar component - dark mode

Installation

Backpack Compose is available through Maven Central. Check the main Readme for a complete installation guide.

Usage

Example of a ProgressBar:


                                                
                                                import net.skyscanner.backpack.compose.progressbar.BpkProgressBar
                                                
                                                BpkProgressBar(
                                                    value = 0.5F
                                                )

Example of a stepped ProgressBar:

If stepped == true the number of steps will be equal to max, therefore the number of dividers will be equal to max - 1.


                                                
                                                import net.skyscanner.backpack.compose.progressbar.BpkProgressBar
                                                
                                                BpkProgressBar(
                                                    value = 3F,
                                                    max = 5F,
                                                    stepped = true
                                                )