Progress Bar

Description:

Progress Bar

Progress Bar component displays an indicator showing the completion progress of a task.

Allowed Parent Components:

  1. Col

Allowed Child Components:

  1. Popover

  2. Progress

  3. Progress Bar Color

  4. Pulse

  5. Trigger Before Render

  6. Trigger On Click

Properties

➤ Size

Chooose an options to change the height of the progress bar.

Allowed Values:

  1. small

  2. default

  3. 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:

  1. default

  2. custom

  3. 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:

  1. left

  2. right

  3. top

  4. bottom

➤ View Attribute

Allowed Values: Attribute

➤ On Click

Allowed Values: Controller Function

Last updated