CircleProgressBar

CircleProgressBar

Shows a control that indicates the progress percentage of an on-going operation by circular shape.

Features

• Customize the colors, etc.
• Include options to customize the Text.
• ControlTemplate support.

Using the control

The CircleProgressBar defines three properties of type double:

• Minimum is the minimum of the range, with a default value of 0.
• Maximum is the maximum of the range, with a default value of 1.
• Value is the CircleProgressBar's value, which can range between Minimum and Maximum and has a default value of 0.

<controls:CircleProgressBar
    Minimum="0"
    Maximum="10"
    Value="8"/>

Customize

We can customize colors using the BackgroundColor, ProgressColor or TextColor properties.

<controls:CircleProgressBar
    Minimum="0"
    Maximum="10"
    Value="5"
    ProgressColor="Red"
    TextColor="Gray"/>