← Back to Material Compose
LinearProgressIndicator
Component
in
Material
. Since 0.1.0-dev15
Overview
Examples
Community Notes
Determinate <a href="https://material.io/components/progress-indicators#linear-progress-indicators" class="external" target="_blank">Material Design linear progress indicator</a>.
Progress indicators express an unspecified wait time or display the length of a process.
!Linear progress indicator image(https://developer.android.com/images/reference/androidx/compose/material/linear-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
LinearProgressIndicator
@Composable
fun LinearProgressIndicator(
@FloatRange(from = 0.0, to = 1.0)
progress: Float,
modifier: Modifier = Modifier,
color: Color = MaterialTheme.colors.primary,
backgroundColor: Color = color.copy(alpha = IndicatorBackgroundOpacity),
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. |
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 |
LinearProgressIndicator
@Composable
fun LinearProgressIndicator(
modifier: Modifier = Modifier,
color: Color = MaterialTheme.colors.primary,
backgroundColor: Color = color.copy(alpha = IndicatorBackgroundOpacity),
strokeCap: StrokeCap = StrokeCap.Butt,
)
Parameters
| Name | Description |
|---|---|
modifier | the Modifier to be applied to this progress indicator |
color | The color of 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 |
Previous Component← LeadingIconTab
Next ComponentListItem →
