ProgressBar
ProgressBar component
Design
Code
Usage
This component is used to show the progress.
Default Variant
<nile-progress-bar value="80"></nile-progress-bar>
Attributes & Properties
Name |
Description |
Type |
Default |
value |
Value determines the amount of percentage to show in the progress bar |
Number |
0 |
variant |
Variant determines the type of Progress Bar that will be showed. |
default |
default |
Events
Name |
Description |
Event Detail |
nile-complete |
Emitted when the progress reaches 100%. |
{ message: 'Nile Progress reached 100%' } |