Show user a process is happening in the background when clicking/tapping on a Progress Button. There are two outcomes that this component can show the user: success or error. Also, there are two ways you can display the progress: determined and indetermined.
Two examples below. Read about Vue properties in the next section.
|Vue Property||Type||Default Value||Description|
|Number||(Required) Model to use to determine Progress Button’s state.|
|String||Icon to use in case the outcome is an error.|
|String||Icon to use in case the outcome is a success.|
|Boolean||In case your button has a light color, the filler should be darkened.|
|Boolean||Should we display an indeterminate state?|
The outcome is determined by the
percentage property value. Changing the property will make the Progress Button change its state accordingly.
|0||Default state. The label you’ve specified for your button is displayed.|
|1-99||Working state. The background filler is displayed.|
|>= 100||Success state. The |
|< 0||Error state. The |