Content Comparison

A progress bar can be used to indicate the progress of an operationHow to use a button on the layout designer page:.

Steps to configure:

1. Goto component section

...

• Label: To display on UI

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

• Variant: The progress bar comes in five variants:

  • Default

  • Inverse

  • Success

  • Warning

  • Error

...

• Value: value Value to be bound to the progress bar

• Show percentage: shows To show the progress of an operation in terms of percentage on the progress bar

• Show rounded: shows To make the progress bar round shapedcorners rounded

• Show vertical: shows 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

...

• Model: The user can create a model and use such model as a value to the progress bar component. the model captures value from an object that we select while the model creation

...