# RemoteLinearProgressIndicator

## Functions summary

|---|---|
| `https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-unit/index.html` | `@https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/layout/RemoteComposable @https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/RemoteLinearProgressIndicator.composable#RemoteLinearProgressIndicator(androidx.compose.remote.creation.compose.state.RemoteFloat,androidx.compose.remote.creation.compose.modifier.RemoteModifier,androidx.wear.compose.remote.material3.RemoteProgressIndicatorColors,androidx.compose.remote.creation.compose.state.RemoteDp,androidx.compose.remote.creation.compose.state.RemoteBoolean)( progress: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteFloat, modifier: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/modifier/RemoteModifier, colors: https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/RemoteProgressIndicatorColors, strokeWidth: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteDp, enabled: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteBoolean )` Material Design linear progress indicator. |

## Functions

### RemoteLinearProgressIndicator

Artifact: [androidx.wear.compose.remote:remote-material3](https://developer.android.com/jetpack/androidx/releases/wear-compose-remote) [View Source](https://cs.android.com/search?q=file:androidx/wear/compose/remote/material3/RemoteLinearProgressIndicator.kt+function:RemoteLinearProgressIndicator) Added in [1.0.0-alpha15](https://developer.android.com/jetpack/androidx/releases/wear-compose-remote#1.0.0-alpha15)

```
@RemoteComposable
@Composable
fun RemoteLinearProgressIndicator(
    progress: RemoteFloat,
    modifier: RemoteModifier = RemoteModifier,
    colors: RemoteProgressIndicatorColors = RemoteProgressIndicatorDefaults.colors(),
    strokeWidth: RemoteDp = RemoteLinearProgressIndicatorDefaults.StrokeWidthLarge,
    enabled: RemoteBoolean = true.rb
): Unit
```

Material Design linear progress indicator.

The `https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/RemoteLinearProgressIndicator.composable#RemoteLinearProgressIndicator(androidx.compose.remote.creation.compose.state.RemoteFloat,androidx.compose.remote.creation.compose.modifier.RemoteModifier,androidx.wear.compose.remote.material3.RemoteProgressIndicatorColors,androidx.compose.remote.creation.compose.state.RemoteDp,androidx.compose.remote.creation.compose.state.RemoteBoolean)` displays progress as a horizontal bar, consisting of two visual components:

- Track: The background line representing the total range of progress.

- Indicator: A colored line that fills the track, indicating the current progress value.

The indicator also includes a small dot at the end of the progress line. This dot serves as an accessibility feature to show the range of the indicator.

Animates changes to `https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/package-summary#RemoteLinearProgressIndicator(androidx.compose.remote.creation.compose.state.RemoteFloat,androidx.compose.remote.creation.compose.modifier.RemoteModifier,androidx.wear.compose.remote.material3.RemoteProgressIndicatorColors,androidx.compose.remote.creation.compose.state.RemoteDp,androidx.compose.remote.creation.compose.state.RemoteBoolean)` with the `https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/RemoteMotionScheme#defaultEffectsSpec()` of `https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/RemoteMaterialTheme#motionScheme()`.

```kotlin
import androidx.compose.remote.creation.compose.modifier.width
import androidx.compose.remote.creation.compose.state.rdp
import androidx.compose.remote.creation.compose.state.rf
import androidx.wear.compose.remote.material3.RemoteLinearProgressIndicator

RemoteLinearProgressIndicator(modifier = modifier.width(140.rdp), progress = 0.66f.rf)
```

Example that changes `https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/package-summary#RemoteLinearProgressIndicator(androidx.compose.remote.creation.compose.state.RemoteFloat,androidx.compose.remote.creation.compose.modifier.RemoteModifier,androidx.wear.compose.remote.material3.RemoteProgressIndicatorColors,androidx.compose.remote.creation.compose.state.RemoteDp,androidx.compose.remote.creation.compose.state.RemoteBoolean)` on click:

```kotlin
import androidx.compose.remote.creation.compose.action.valueChange
import androidx.compose.remote.creation.compose.modifier.clickable
import androidx.compose.remote.creation.compose.state.MutableRemoteFloat
import androidx.compose.remote.creation.compose.state.rf
import androidx.compose.runtime.remember
import androidx.wear.compose.remote.material3.RemoteLinearProgressIndicator

val progress = remember { MutableRemoteFloat { 0.25f.rf } }
val toggleAction = valueChange(progress, (progress + 0.25f) % 1f)
// The indicator animates the progress changes.
RemoteLinearProgressIndicator(modifier = modifier.clickable(toggleAction), progress = progress)
```

| Parameters |
|---|---|
| `progress: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteFloat` | The progress of this progress indicator where 0.0 represents no progress and 1.0 represents completion. Values outside of this range are coerced into the range 0..1. Progress changes are animated. |
| `modifier: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/modifier/RemoteModifier = RemoteModifier` | Modifier to be applied to the `https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/RemoteLinearProgressIndicator.composable#RemoteLinearProgressIndicator(androidx.compose.remote.creation.compose.state.RemoteFloat,androidx.compose.remote.creation.compose.modifier.RemoteModifier,androidx.wear.compose.remote.material3.RemoteProgressIndicatorColors,androidx.compose.remote.creation.compose.state.RemoteDp,androidx.compose.remote.creation.compose.state.RemoteBoolean)`. |
| `colors: https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/RemoteProgressIndicatorColors = RemoteProgressIndicatorDefaults.colors()` | `https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/RemoteProgressIndicatorColors` that will be used to resolve the indicator and track colors for this progress indicator in different states. |
| `strokeWidth: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteDp = RemoteLinearProgressIndicatorDefaults.StrokeWidthLarge` | The stroke width for the progress indicator. Defaults to `https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/RemoteLinearProgressIndicatorDefaults#StrokeWidthLarge()`. |
| `enabled: https://developer.android.com/reference/kotlin/androidx/compose/remote/creation/compose/state/RemoteBoolean = true.rb` | Controls the enabled state. Although this component is not clickable, it can be contained within a clickable component. When enabled is `false`, this component will appear visually disabled. Note that only constant values are currently supported for `https://developer.android.com/reference/kotlin/androidx/wear/compose/remote/material3/package-summary#RemoteLinearProgressIndicator(androidx.compose.remote.creation.compose.state.RemoteFloat,androidx.compose.remote.creation.compose.modifier.RemoteModifier,androidx.wear.compose.remote.material3.RemoteProgressIndicatorColors,androidx.compose.remote.creation.compose.state.RemoteDp,androidx.compose.remote.creation.compose.state.RemoteBoolean)`; expressions will evaluate to true. |