The Loading element displays a progress indicator or spinner to represent ongoing operations.
It supports both determinate (with a measurable progress value) and indeterminate (continuous spinning) modes.
Color, size, and spacing can be customized to fit the app's visual design.
| Field Name | Type | Default Value | Description |
|---|---|---|---|
| Name | String | {name} | Internal unique identifier. |
| Color | Color | {color} | Primary color of the loading indicator. |
| SecondaryColor | Color | {secondaryColor} | Secondary or background color for the loading indicator. |
| Size | Number | 0 | Size or diameter of the loading spinner. |
| Margin | Number | 20 | Outer spacing around the loading element. |
| MarginLine | Number | 10 | Vertical spacing relative to other elements. |
| Max | Number | 100 | Maximum value for progress (if determinate). |
| Progress | Number | 0 | Current progress value (for determinate loading). |
| Indeterminate | Boolean | true | If true, the loading spinner runs continuously without showing progress. |
Coding:
{
"@Type": "Loading",
"Name": "{name}",
"Color": "{color}",
"SecondaryColor": "{secondaryColor}",
"Size": 0,
"Margin": 20,
"MarginLine": 10,
"Max": 100,
"Progress": 0,
"Indeterminate": true
}To see how to create this element in Applin Studio (no-code mode), visit:
Design the Loading in Applin Studio