Skip to content

Circular Progress

Overview

Circular Progress displays progress by animating an indicator along an invisible circular track in a clockwise direction. The Circular Progress grows and shrinks in size while moving along the invisible track.



Circular Progress

An example of a Circular Progress.

Properties

Color

( Getter + Setter )
Type: Color

The color with which the moving Circular Progess is displayed.

Height

( Getter + Setter )
Type: Number

The height with which the Circular Progress is displayed.

Height Percent

( Setter Only )
Type: Number

The height with which the Circular Progress is displayed in terms of precentage of the whole screen height.

Visible

( Getter + Setter )
Type: Boolean

Determines whether the Circular Progress is visible on the screen and shown to the user or not.

Options
true The Circular Progress is shown to the user.
false The Circular Progress is not shown to the user.

Width

( Getter + Setter )
Type: Number

The width with which the Circular Progress is displayed.

Width Percent

( Setter Only )
Type: Number

The width with which the Circular Progress is displayed in terms of precentage of the whole screen width.