This is a modifier for drawing a progress over your Composable views.

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

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

Then add the dependency:

dependencies {
    implementation "com.github.nasrabadiam:progress-modifier:1.0.0"
}

To use this progress modifier on your views you can do it this way:

    Box(
        Modifier
            //..... other modifiers 
            .progressAnimation(durationMillis = 10_000)
    )

you should pass a duration which is a the duration for your progress. then it shows a progress animation on your view till it finished.

If you want to be notified when animation finished, you can add callback to it.

    Box(
        Modifier
            //..... other modifiers 
            .progressAnimation(durationMillis = 10_000, finishedListener = {
                Log.d("ProgressModifer", "animation finished!")
            })
    )

Or if you have a percent value and wanna update progress animation with percent value, do it like this:

    Box(
    Modifier
        //..... other modifiers 
        .progress(percent = percent) //percent is a float range between 0f to 100f
)

As the order of modifiers matters , you should always add it after your background and clip modifier.

There is a series of blog posts about modifiers and creating custom modifiers available here . In the third part of the series, I will discuss this project in more detail and provide additional information about its implementation.

Note: using this modifier on buttons will not work as they add their shape at the end of surface modifiers.

If you have any ideas that could be applied to buttons or any other ideas, I would appreciate hearing them. Additionally, if you would like to contribute to the development of new features or ..., your contributions are welcome and greatly appreciated.