Progress Bar
lowcodera Progress Bar component
Purpose
The lowcodera progress bar component can be used to visualize the progress of a task or activity. The progress bar can also be used to inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates.
Component Properties
The properties below are the main ones which change this components appearance and behaviors.
Property | Description | Required | Accepted Values |
BarLabel | Property to set bar label. | X | String |
Label | Property to set up Progressbar's title | X | String |
Theme | Property to set theme for progress bar. | X | Danger Default Info Primary Secondary Success Warning |
CustomColor | Property to set custom color for progress bar | X | String (HEX CODE in Upper Case) (e.g #E4501B) |
Stripped | Property to allow stripe within the proress bar | X | Boolean |
Animated | Property to show animation effect with stripe in progress bar. | X | Boolean |
ShowPercentage | Property to show progress of progress bar in percentage | X | Boolean |
ShowPercentageOnBar | Property to show progress of progress bar on bar | X | Boolean |
MaximumValue | Property to set Maximum limit for pogress bar | Yes | Numeric |
CurrentValue | Property to set current value for the progress bar | Yes | Numeric |
Example
Simple Progress Bar
Last updated
