Skip to content

BaseProgressBar

Progress bar including file upload features (display filename or file size) and remove functionality

Props

Prop nameDescriptionTypeValuesDefault
errorMessageadditional error messagestring-''
fileNamefilename that will be displayed in the barstring-''
fileSizefilesize that will be displayed in the barstring-''
progressprogress of the upload (percentage)number|string0-1000
statusindicate the success or fail of an uploadstringsuccess, fail, ''''
showRemoveshow a remove iconboolean-false

Events

Event namePropertiesDescription
remove-itemevent triggered on remove icon click

Demo

A simple progress bar

A file upload bar