visual feedback on "uploading progress"

[hpvd]

Feedback on things going on is always important.

When uploading a file at least these points are interesting:

• how long will it take until complete (most important)
• how big is the file in total I'm uploading (important, if you're paying for mobile data or have a limit per month)
• how big is the part already uploaded (interesting/motivating)
• how fast is it loading (only interesting)

some ideas on implementing progress bars in an efficient way:
https://css-tricks.com/html5-progress-element/

[kvz]

Thanks for the input, we're indeed still discussing how progress should best be visualised. What's interesting about Uppy is there is no one-way. For instance, we already ship

• Progressbar
• Spinner

Both are Plugins of the type Progressindicator, and people are free to roll their own, and attach rendering to any DOM Element by CSS Selector, or other Plugins of type Orchestrator (such as the Modal Plugin, which knows and returns the CSS Selector to its own surface area where it wants Plugins of type Progressindicator rendered)

That being said, we want to ship Uppy with a good default Progressbar so that for 90% of the usecases, people don't need to roll their own Plugins and are good with what comes out of the box.

Currently it is a colored bar with a percentage, but I see how some of your data may be cool to add, even if just to keep the user interested, instead of just plain waiting.

As such, would it be a good idea to make a sketchup of how the default Progressbar could look?

PS

One problem we're still struggling with, is that any Plugins could have a progress event. And the Core should pass that onto any Plugins of type Progressindicator. But how to we render it if we upload 10 files? 10x 100% progress? or 10x 10% progress? or 1x 100% progress for the combined file size? What if someone has a Tus10 Plugin, and a Multipart Plugin enabled so that one file is uploaded twice? What if 2 Plugins of type Acquirer or Modifier are updating the progress? Is this something we just don't support? Or do we need to start looking for a Progressindicator that can keep track of all the plugins and their reported 0-100% progress, and roll that into one?

[hpvd]

taken from #61 (comment) :
Maybe it's also an idea to replace icons with previews at the point of time the upload has finished...

[hpvd]

this is how it already looks today - nice!

[hpvd]

would be nice and would add good value (even for non technical users): show "time remaining"

[hpvd]

since uploading is the invers of downloading, maybe one can look e.g. on firefox downloader what is shown there during download:

[arturi]

#96