Linear Progress Indicator

Linear progress indicators are used to indicate that an operation is loading or in progress.

  • The color parameter controls the runner's color while trackColor controls the lane's color.
  • strokeCap controls the shape of the end cap for the indicator. They may be rounded or rectangular. This is also known as "line cap" in the HTML world.
  • 🐛: StrokeCap.Butt will render outside its bounds when gapSize > 0. Use it only when it takes up the entire width of the screen or when gapSize is 0; otherwise use StrokeCap.Square instead.
Compose Multiplatform

Circular Progress Indicator

Circular variant of the Linear Progress Indicator.

  • strokeWidth fills inside, controlling the size of the donut hole.
  • If strokeWidth exceeds the radius of the circle, you'll get a cool pie animation.
Compose Multiplatform