Versions Compared

Key

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

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

Steps to configure:

  1. Goto component section

...

2. Search and select the progress bar component in the component section

3. Drag and drop the progress bar component on the layout

...

Configurations of a progress bar component

...

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

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

    • Default

    • Inverse

    • Success

    • Warning

    • Error

...