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%' }