Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Overview: Displays a horizontal progress bar from left to right to indicate the progress of an operation.

Configurations of a progress bar component

  • Label: To display progress bar component identified on UI with the help of a label.

...

  • Progress bar size: The size of the progress bar to be displayed on UI like x-small, small, medium, large

...

  • Variant: Variants display the progress bar with different colors to convey different meanings, progress bar comes in five variants:

    • Default

    • Inverse

    • Success

    • Warning

    • Error

...

  • Value: Value to be bound to the progress bar

  • Show percentage: To show the progress of an operation in percentage

  • Show rounded: To make it adds a border radius to the progress bar corners to give it a rounded look

  • Show vertical: Shows progress bar vertically

  • Value Destination Type: The user can bind a value to the progress bar component in two ways

    • Variable: The user can create a variable of type integer from the variable tab with a default value and can use such a variable as a value to the progress bar component

...