Jetpack Compose CircularProgressIndicator in Material Compose

Determinate <a href="https://material.io/components/progress-indicators#circular-progress-indicators" class="external" target="_blank">Material Design circular progress indicator</a>.

Progress indicators express an unspecified wait time or display the length of a process.

!Circular progress indicator image(https://developer.android.com/images/reference/androidx/compose/material/circular-progress-indicator.png)

By default there is no animation between progress values. You can use ProgressIndicatorDefaults.ProgressAnimationSpec as the default recommended AnimationSpec when animating progress, such as in the following example:

Overloads

CircularProgressIndicator

@Composable
fun CircularProgressIndicator(
    @FloatRange(from = 0.0, to = 1.0)
    progress: Float,
    modifier: Modifier = Modifier,
    color: Color = MaterialTheme.colors.primary,
    strokeWidth: Dp = ProgressIndicatorDefaults.StrokeWidth,
    backgroundColor: Color = Color.Transparent,
    strokeCap: StrokeCap = StrokeCap.Butt,
)

Parameters

Name	Description
`progress`	The progress of this progress indicator, where 0.0 represents no progress and 1.0 represents full progress. Values outside of this range are coerced into the range.
`modifier`	the Modifier to be applied to this progress indicator
`color`	The color of the progress indicator.
`strokeWidth`	The stroke width for the progress indicator.
`backgroundColor`	The color of the background behind the indicator, visible when the progress has not reached that area of the overall indicator yet.
`strokeCap`	stroke cap to use for the ends of this progress indicato

CircularProgressIndicator

@Composable
fun CircularProgressIndicator(
    modifier: Modifier = Modifier,
    color: Color = MaterialTheme.colors.primary,
    strokeWidth: Dp = ProgressIndicatorDefaults.StrokeWidth,
    backgroundColor: Color = Color.Transparent,
    strokeCap: StrokeCap = StrokeCap.Square,
)

Parameters

Name	Description
`modifier`	the Modifier to be applied to this progress indicator
`color`	The color of the progress indicator.
`strokeWidth`	The stroke width for the progress indicator.
`backgroundColor`	The color of the background behind the indicator, visible when the progress has not reached that area of the overall indicator yet.
`strokeCap`	stroke cap to use for the ends of this progress indicato