Circular progress

The Circular Progress component is a way to display information to the end user while a complex backend process is executing, for instance. This is an alternative to using the Loader property of the Container component, or the Linear Progress component.

A full example setup of the Circular progress component is available in our Showroom! You may view a demo, as well as access the setup in Appfarm Create. If you do not have access, you may register here.

Properties

Variant

The Variant of the component can be set to Determinate, Indeterminate or Static.

Determinate

When the Variant is set to Determinate, a numerical value between 0 and 100 can be bound to the component. This will serve as a progress indicator, letting the user know how much of the action is completed. For example, an App Variable can be bound to the loader, which can be updated from the background action throughout the process.

Indeterminate

An indeterminate circular progress component will spin for the whole time it is visible. This gives the user information that something is loading, but will not give any progress indication until the process is finished and the component is hidden again.