Segmented Progress - Usage Sample

segmented_progress_usage_sample.kt

var runForwards by remember { mutableStateOf(false) }
val progress: Float by animateFloatAsState(
    if (runForwards) 1f else 0f,
    animationSpec = tween(
        durationMillis = 10_000,
        easing = LinearEasing
    )
)
Surface(color = MaterialTheme.colors.background) {
    Column(
        modifier = Modifier.fillMaxSize(),
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        SegmentedProgressIndicator(
            progress = progress,
            modifier = Modifier
                .padding(top = 64.dp, start = 32.dp, end = 32.dp)
                .fillMaxWidth(),
        )

        Button(
            onClick = { runForwards = !runForwards },
            modifier = Modifier.padding(top = 32.dp)
        ) {
            Text(
                text = if (runForwards) "Reverse Animation" else "Forward Animation"
            )
        }
    }
}