Comments (6)
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?
from uppy.
taken from #61 (comment) :
Maybe it's also an idea to replace icons with previews at the point of time the upload has finished...
from uppy.
this is how it already looks today - nice!
from uppy.
would be nice and would add good value (even for non technical users): show "time remaining"
from uppy.
since uploading is the invers of downloading, maybe one can look e.g. on firefox downloader what is shown there during download:
from uppy.
from uppy.
Related Issues (20)
- CDN urls are all broken, so the getting started guides dont work anymore HOT 1
- cannot engage S3 accelerated endpoints due to AWS SDK API changes? HOT 13
- Undefined "uploadRemoteFile" when using RemoteSources HOT 1
- Upgrade `tus-js-client` HOT 4
- Uppy stuck in "Encoding..." state with error `[Transloadit] Couldn’t find the file, it was likely removed in the process` HOT 5
- Expose type PreactRender in @uppy/dashboard HOT 1
- STS client side signing with accelerated endpoint HOT 2
- pCloud support? HOT 1
- Upgrading today from `"@sveltejs/kit": "1.30.0"` to `"@sveltejs/kit": "2.0.0"` I'm getting a warning HOT 1
- Events don't fire with Dashboard in @uppy/react HOT 1
- requiredMetaFields type not exist in restrictions HOT 1
- Dashboard: possibility to directly open input file dialog instead of toggleAddFilesPanel from content bar add more button HOT 1
- Dashboard: remove button is not displayed on file when upload fails using XHR
- Custom form data send form data? HOT 2
- Module augmentation for custum type UppyFile HOT 1
- Error: tus: invalid or missing Location header, originated from request HOT 2
- Uploading restarts for large files on uploading via cloud storage ( Drive | Dropbox ) through Transloadit Companion HOT 9
- AWS-S3 single-part drag-drop uploads do not set the content-type header in S3 PUT calls for .mov files on chromium
- Google Drive remote source does not chunkify the request for Tus server HOT 4
- Update compressorjs to 1.2.1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from uppy.