Versions Compared

Key

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

...

  • Using the Progress Bar you can display the progress of an operation, such as a file download or upload

  • Generally displays a horizontal , Progress Bar displays horizontally from left to right indicating the progress of an operation.

...

  • The label is a short description given to the Progress Bar

  • Generally, the label is displayed in the component at the top left corner

...

Progress bar size

...

  1. Default: Shows Progress Bar in blue color

  2. Inverse: Shows Progress Bar in gray color

  3. Success: Shows Progress Bar in green color, used to indicate a successful operation

  4. Warning: Shows Progress Bar in yellow color, used to warn about operation state

  5. Error: Shows Progress Bar in red color, shows that the operation has a negative effect

...

...

Value

  • The percentage value of the Progress Bar, value is an indication of progress

  • e.g. the Progress Bar denotes completion when the value is 100

...