<div class='type'>Composable Component</div>



A Material Design contained loading indicator.

<img loading='lazy' class='hero-img' alt='Contained loading indicator image' src='/static/images/material3/contained-loading-indicator.png'>

<a id='references'></a>



<h2 id="containedloadingindicator-progress-modifier-containercolor-indicatorcolor-containershape-polygons">ContainedLoadingIndicator</h2>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
@ExperimentalMaterial3ExpressiveApi
@Composable
fun ContainedLoadingIndicator(
    progress: () -> Float,
    modifier: Modifier = Modifier,
    containerColor: Color = LoadingIndicatorDefaults.containedContainerColor,
    indicatorColor: Color = LoadingIndicatorDefaults.containedIndicatorColor,
    containerShape: Shape = LoadingIndicatorDefaults.containerShape,
    polygons: List<RoundedPolygon> = LoadingIndicatorDefaults.DeterminateIndicatorPolygons,
) =
    LoadingIndicatorImpl(
        progress = progress,
        modifier = modifier,
        containerColor = containerColor,
        indicatorColor = indicatorColor,
        containerShape = containerShape,
        indicatorPolygons = polygons,
    )
```


#### Parameters

| | |
| --- | --- |
| progress | the progress of this loading indicator, where 0.0 represents no progress and 1.0 represents full progress. Values outside of this range are coerced into the range. The indicator will morph its shapes between the provided `polygons` according to the value of the progress. |
| modifier | the `Modifier` to be applied to this loading indicator |
| containerColor | the loading indicator's container color |
| indicatorColor | the loading indicator's color |
| containerShape | the loading indicator's container shape |
| polygons | a list of `RoundedPolygon`s for the sequence of shapes this loading indicator will morph between as it progresses from 0.0 to 1.0. The loading indicator expects at least two items in that list. |






<hr class="docs-overload-divider">


<h2 id="containedloadingindicator-modifier-containercolor-indicatorcolor-containershape-polygons">ContainedLoadingIndicator</h2>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
@ExperimentalMaterial3ExpressiveApi
@Composable
fun ContainedLoadingIndicator(
    modifier: Modifier = Modifier,
    containerColor: Color = LoadingIndicatorDefaults.containedContainerColor,
    indicatorColor: Color = LoadingIndicatorDefaults.containedIndicatorColor,
    containerShape: Shape = LoadingIndicatorDefaults.containerShape,
    polygons: List<RoundedPolygon> = LoadingIndicatorDefaults.IndeterminateIndicatorPolygons,
) =
    LoadingIndicatorImpl(
        modifier = modifier,
        containerColor = containerColor,
        indicatorColor = indicatorColor,
        containerShape = containerShape,
        indicatorPolygons = polygons,
    )
```


#### Parameters

| | |
| --- | --- |
| modifier | the `Modifier` to be applied to this loading indicator |
| containerColor | the loading indicator's container color |
| indicatorColor | the loading indicator's color |
| containerShape | the loading indicator's container shape |
| polygons | a list of `RoundedPolygon`s for the sequence of shapes this loading indicator will morph between. The loading indicator expects at least two items in that list. |