Skip to main content

Circular Progress Bar

The Circular Progress Bar Control is a Display control used for indicating the percentage progress of an action or activity in the form of a circular graph.

Circular Progress Bar Control Preview
Circular Progress Bar Control Preview

Binding Data Options

The Circular Progress Bar Control allows tracking progress using the Bind Data option. It accepts two binding data options:

  • label: Represents the label or text displayed at the center of the circular progress bar.
  • percentage: Indicates the percentage value for the progress.

Static Data Option

You can use this feature to define or modify the progress value:

{
"label": "Progress",
"percentage": 75
}

Properties

Progress Bar Properties

PropertyDescription
FontProperties for the label in the center of the circular progress bar.
ProgressCustomizes the look of the circular progress bar control.
AlignmentSpecifies the alignment of the circular progress bar.
Line ClampWraps the label inside the control to a specified number of lines.