Linear progress

The Linear 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 Circular Progress component.

A full example setup of the Linear 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, Buffer or Query.

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, and keep the user updated as the action progresses.

Indeterminate

An indeterminate linear progress component will repeat the same pattern 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.

Buffer

Unlike a Determinate variant, a Buffer variant gives the user two different possible values to data bind. The "Value" property acts the same as the Determinate variant, while the "Value Buffer" property provides an animation in the section of the loader which isn't yet "loaded". The most common use case is to bind Value and Value Buffer to the same data value, or to only bind Value Buffer to a property, to make the most of the Buffer variant.

Query

A query variant looks similar to an Indeterminate variant, except the loading animation shifts from right to left instead of left to right.