How to add a progress bar to denote the upload progress in a dcc.Upload component used for uploading multiple files

Dash Python
1

I have been using a spinner component while multiple files get uploaded to the dcc.Upload component - but I want to modify it to a progress bar to show the upload progress. How can I achieve the same?

       dcc.Upload(
            id="uploader",
            children=html.Div(
                [
                    "Drag and Drop or ",
                    html.A("Select Files"),
                ]
            ),
            disabled=step.processed,
            style={
                "width": "100%",
                "height": "60px",
                "borderWidth": "1px",
                "borderStyle": "dashed",
                "textAlign": "center",
            },
            # Allow multiple files to be uploaded
            multiple=True,
        ),
        #hourglass("upload"),
2

Hey @User0fDash welcome to the community.

This might be interesting:

I’m not sure however, how to set the progress in your use case as you are not looping through anything.