Jetpack Compose CircularProgressIndicator in Material 3 Compose

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

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

!Circular progress indicator image(https://developer.android.com/images/reference/androidx/compose/material3/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(
    progress: Float,
    modifier: Modifier = Modifier,
    color: Color = ProgressIndicatorDefaults.circularColor,
    strokeWidth: Dp = ProgressIndicatorDefaults.CircularStrokeWidth,
    trackColor: Color = ProgressIndicatorDefaults.circularTrackColor,
    strokeCap: StrokeCap = ProgressIndicatorDefaults.CircularDeterminateStrokeCap,
)

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`	color of this progress indicator
`strokeWidth`	stroke width of this progress indicator
`trackColor`	color of the track behind the indicator, visible when the progress has not reached the 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 = ProgressIndicatorDefaults.circularColor,
    strokeWidth: Dp = ProgressIndicatorDefaults.CircularStrokeWidth,
    trackColor: Color = ProgressIndicatorDefaults.circularTrackColor,
    strokeCap: StrokeCap = ProgressIndicatorDefaults.CircularIndeterminateStrokeCap,
)

Parameters

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