BaseProgressBar
Progress bar including file upload features (display filename or file size) and remove functionality
Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| errorMessage | additional error message | string | - | '' |
| fileName | filename that will be displayed in the bar | string | - | '' |
| fileSize | filesize that will be displayed in the bar | string | - | '' |
| progress | progress of the upload (percentage) | number|string | 0-100 | 0 |
| status | indicate the success or fail of an upload | string | success, fail, '' | '' |
| showRemove | show a remove icon | boolean | - | false |
Events
| Event name | Properties | Description |
|---|---|---|
| remove-item | event triggered on remove icon click |
Demo
A simple progress bar
A file upload bar