Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

Files: location of upload progress bar #991

jancborchardt opened this Issue Dec 20, 2012 · 8 comments


None yet
4 participants

jancborchardt commented Dec 20, 2012

Currently, the upload progress bar is on the top right of the Files app. This is suboptimal because upload button, file and progress bar are as far apart as possible.

Rather, the progress bar should be the row of each file itself. That is, while uploading that specific file, its tr should become a progress bar, reflecting the state of upload. This works for single and multiple upload.


jancborchardt commented Jan 7, 2013

Seems like @wookinger has been working on this! He showed me an awesome prototype which already works quite well even with multiple files. Some things needing to be done, here for the record:

  • merge latest master in and see if it still works
  • change color of progress bar from crazy orange to a slightly darker grey than the row normally is
  • remove the global progress bar on the top right. File uploads can be cancelled individually using the delete X on the right of each file
  • put it in a pull request here



jancborchardt commented Feb 13, 2013

And an update: @butonic has found a great hack for this, using a hard CSS gradient on the table row. This makes it look like a progress bar, and can also be used as a music player scrubber.

@ghost ghost assigned jancborchardt Feb 13, 2013


butonic commented Feb 13, 2013

I toyed around more with this. using the table as the progress bar and overshadowing it with opaque rows only seems to work in chrome. I'll try finding a different solution. Problem is that simply using the table row background as an indicator does not work in chrome ... I'm on it.


butonic commented Feb 26, 2013

Discussing this with my other half she suggested moving the progress bar for individual files to the 'Modified' column. That would be a lot easier to implement and give more detailed feedback than the current UI. @jancborchardt what do you think?


jancborchardt commented Feb 26, 2013

@butonic yeah, that’s fine also, or a good step. Maybe a progress bar as wide as the whole row is not that visible anyway. Good call!

@ghost ghost assigned butonic Mar 21, 2013


butonic commented Oct 21, 2013

With the file conflicts dialog I removed the placeholder row. @jancborchardt Before reintroducing it I'd like your feedback on the following approach:

Iinstead of adding a row that contains the colums as present in the other rows I'd like to add a row spanning all columns. That will not only allow us to add a progress bar over the whole table, but also visually distinguish it from already existing files. It also makes it easier to not show file actions like 'rename', 'share' and 'history' until the upload is complete, saving us the effort to take care of a lot of corner cases.

Also postponig to OC7


jancborchardt commented Jan 8, 2014

@butonic sorry for the late reply – I like the approach you described in your last comment! :)

cc @owncloud/designers

@MorrisJobke MorrisJobke removed this from the ownCloud 7 milestone Jun 13, 2014

@DeepDiver1975 DeepDiver1975 modified the milestone: backlog Mar 21, 2015


jancborchardt commented Nov 11, 2015

Closing in favor of #18589 (potentially moving the upload function into the sidebar)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment