androidkotlinandroid-jetpack-composeandroid-progressbar

How to fix LinearProgressBar

I need to implement a simple progress bar into my app. It should just indicate a value between 0 and 100, but I have some visual part I don`t like.

LinearProgressIndicator(
  modifier = Modifier.height(15.dp),
  progress = { 0.5f },
  gapSize = 0.dp
)

enter image description here

I don't like that dot at the end and the slight gap between the current progress and the entire bar.

Solution

  • Thats just how the material3 progress indicator looks https://m3.material.io/components/progress-indicators/overview if you want something different then you can go back to material2 or do something custom. In fact the material3 expressive looks even more different.

    What you can do but isnt that great is this that removes the dot and the gap.

    LinearProgressIndicator(
        progress = { 0.5f },
        strokeCap = StrokeCap.Butt,
        gapSize = 0.dp,
        drawStopIndicator = {
            null
        }
    )