Progress Bar¶
General information¶
This UI Component is used to display and configure the progress bar.
Parameters¶
Component properties
| Settings group | Setting Field | Value Options | Purpose |
|---|---|---|---|
| Name | - | Name of the UI Component in the system | |
| Common | Show value | true, false | The property is used to display the progress bar values |
| Determinate | true, false | The property allows you to make the progress bar an animation | |
| Invert | true, false | The property allows you to invert the progress bar | |
| Format | - | The property allows you to specify the data output format | |
| Value | - | The property allows you to set a value | |
| Binding | Multiselect of Catalog | Contains the associated “Integer” field from the model | |
| Min value | - | The property allows you to specify a minimum value | |
| Binding | Multiselect of Catalog | Contains the associated “Integer” field from the model for the minimal value | |
| Max value | - | The property allows you to specify a maximum value | |
| Binding | Multiselect of Catalog | Contains the associated “Integer” field from the model for the maximal value |
CSS properties
| Settings group | Setting field | Value Options | Purpose |
|---|---|---|---|
| Layout | Width | - | Component width |
| Height | - | Component height | |
| Grow | true, false | The property determines how much an element will grow relative to the rest of the flex elements within the same container | |
| Margin | - | The property defines the outer paddings on all four sides of the element | |
| Padding | - | The property sets the inner paddings on all sides of the element | |
| Appearance | CornerRadius | - | The property is used to round the corners of an element |
| BorderThickness | - | The property allows you to set the boundaries for the element | |
| Brush | Background | - | The property sets the background color of the element |
| BorderBrush | - | The property sets the color of the element's border | |
| Progress | - | The property sets the color of the element's bar |
Use Cases¶
- Displaying the progress of tasks, downloads, or other processes.
Exceptions¶
- Limited to use for progress presentation and not suitable for other types of visualizations.