Progress Bar
Description:
Progress Bar
Progress Bar component displays an indicator showing the completion progress of a task.
Allowed Parent Components:
Col
Allowed Child Components:
Popover
Progress
Progress Bar Color
Pulse
Trigger Before Render
Trigger On Click
Properties
➤ Size
Chooose an options to change the height of the progress bar.
Allowed Values:
small
default
large
➤ Color Options
Select default if you want to render progress bar in default colors e.g.. red(below danger limit), warning(in between danger and success) and green(above success start). Select custom to change color based on the condition by adding 'Progress Bar Color' as the child.
Allowed Values:
default
custom
multi
➤ Danger Limit
Provide numerical value for indicating danger limit.
Allowed Values: Any number value
➤ Success Start
Provide numerical value for indicating start of success.
Allowed Values: Any number value
➤ Total
Provide numerical value to calculate the percentage.
Allowed Values: Provide numerical value to calculate the percentage.
➤ Tool Tip
A message which appears when a cursor is positioned over.
Allowed Values: An expression which should return string after evaluation
➤ Tool Tip Position
Select an option to change the placement of the tooltip when appears.
Allowed Values:
left
right
top
bottom
➤ View Attribute
Allowed Values: Attribute
➤ On Click
Allowed Values: Controller Function
Last updated