Circular Progress Bar

The Circular Progress Bar widget indicates the progress of an operation in a circular shape. It can be either determinate (showing a specific percentage) or indeterminate (showing a continuous animation).

Properties

Property
Description

type

The type of progress bar: determinate or indeterminate.

progressValue

The progress value for a determinate progress bar (from 0 to 100).

size

The diameter of the circular progress bar.

thickness

The thickness of the progress bar's stroke.

indicatorColor

The color of the progress indicator.

bgColor

The background color of the progress bar's track.

animation

If true, the progress change will be animated.

animateFromLastPercent

If true, the animation will start from the last progress value.


Default Properties

The Circular Progress Bar widget supports the following section of Default Properties:

Layout

  • width

  • height

  • padding

  • margin

  • align

Last updated