Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 6 Next »

Use: The user can use a progress bar to indicate the progress of an operation

How to use a button on the layout designer page:

Steps:

  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

1. Label: To display on UI

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

3. Variant: The progress bar comes in five variants:

  • Default

  • Inverse

  • Success

  • Warning

  • Error

4. Value: value to be bound to the progress bar

5. Show percentage: shows the progress of operation in terms of percentage on the progress bar

6. Show rounded: shows progress bar round shaped

7. Show vertical: shows progress bar vertically

  • No labels