HzStepper

@Composable
fun MultipleProgressBar(steps: Int = 4, currentStep: Int) {
    Row(
        verticalAlignment = Alignment.CenterVertically, modifier = Modifier
            .height(48.dp)
            .fillMaxWidth()
            .padding(24.dp, 0.dp),
        horizontalArrangement = Arrangement.SpaceBetween
    ) {
        for (index in 0 until steps) {
            Box(
                modifier = Modifier
                    .requiredHeight(4.dp)
                    .weight(if (index == currentStep) 1f else .5f)
                    .clip(RoundedCornerShape(50, 50, 50, 50))
                    .background(Color.Black)
            ) {
                Box(
                    modifier = Modifier
                        .background(Color.White)
                        .fillMaxHeight()
                        .let {
                            when (index) {
                                in 0..currentStep -> it.fillMaxWidth()
                                else -> it
                            }
                        }
                ) {}
            }


            if (index != steps) {
                Spacer(modifier = Modifier.width(4.dp))
            }
        }
    }
}