File upload indicator doesn't work for large files

[westonian]

Upload a very large file (100MB) and watch the file progress indicator...

expected behavior - it does something...like shows upload progress...
current behavior - it shows 0% and then the UI flashes after sitting there for many seconds the file appears

[gaitonde]

@kbowerma - fyi

[bryceglass]

@gaitonde @kbowerma @westonian

Turns out this is a problem for smaller / medium-size uploads as well -- progress bar goes basically from 0-100 w/no usable feedback. We've observed this with 3/3 of our informal user sessions (bruzzi, Nathan and Wes all experienced it - uncertainty about whether files were uploading or frozen.)

[gaitonde]

@bryceglass - the upload progress bar for challenge submission works well. It's a different design/widget, but can we just use that instead?

cc/ @kbowerma @indytechcook @westonian

[bryceglass]

@dayal, yeah I think this'll be fine (as long as it displays legibly in the smaller footprint of the existing DIV..

cc/ @kbowerma @indytechcook @westonian

[gaitonde]

@bryceglass - can you look for an alternative component that is a spinner?

[gaitonde]

@bryceglass - i would choose from one of these -

http://getbootstrap.com/components/#progress

[bryceglass]

I thought the short-term fix was to replace a 'progress' bar (showing degree of completion) w/a simple 'activity' (sh-t's happening) indicator?

How about we just put this in the DIV until the file is available?

<i class="fa fa-circle-o-notch fa-spin"></i>

See it in action here: http://fortawesome.github.io/Font-Awesome/examples/#spinning

[kbowerma]

@bryceglass this was an accident but I kind of like it. I am still working on getting the progress meter to actually work.

http://screencast.com/t/z5q9i9MFDj

[bryceglass]

@kbowerma HA! I kinda like it too! A happy little accident. I'd say we leave it, but be prepared for people to report it as a bug. ;-)

[kbowerma]

I think I got it fixed back to the original progress meter but I am throwing an error I need to figure out:
http://screencast.com/t/CMm4HKmMAy

[bryceglass]

That looks great.