Versions Compared

Key

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

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

...

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

...

  • a label is typically visible above the component. same label can be reused across different progress bars/labels can be duplicated.

...

  • Progress bar size: The size of the progress bar to be displayed on UI like progress bar is available in four sizes i.e 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

...