Example Progress Bar Rendering
- Last UpdatedJun 25, 2024
- 2 minute read
The following rendering examples for Progress Bar control are based on the configuration in the control's properties page. The configured properties are listed in the table and most of the properties that are kept to their default values are no longer mentioned.
Example configuration and rendering
|
Basic |
Appearance |
|---|---|
|
4. Title: Example Progress Bar 5. Scale: Show (selected)
6. Range (with three breakpoints)
|
In the following rendering example, the configured range does not cover the full scale, so the undefined range takes the color that is set for the Bar Color properties, which in the current configuration is set to the default green color.
For the rendered bar color to show the Default Value, notice that it takes the assigned color of the second breakpoint (50, purple) because the Default Value falls on that breakpoint range.
The next example rendering has a configuration where most of the properties are kept to their default values. The properties that are empty by default are also left the same way, except for the Default Value and Target Value properties, so 40 is shown as well as the target indicator. However, the Target Value of 60 is not shown since the Scale property is set to Hide (by default), so the scale is hidden.
