Is there a way to do file upload progress indicators with HTML5? If so, anyone knows of a good tutorial on the topic? I'm not a fan of Flash, but I thought that it was the only way to achieve such a thing....
there is an progressChange event (not sure if that's the real name off hand, but it's something like that) listener on xhr requests… yes it's very possible.
@Miro You can do progress bars without HTML5 as well, using AJAX and JavaScript. Although if it's something complex like rounded corners plus stripes.. It might be better with HTML5.
HTML5 can do quite a bit though. You can even create web video players using it now. :)
@Miro Probably between CSS3 and HTML5. Not really sure, I'm not a coder myself. And you would really only need 1 image, which would be the angled stripe that repeats. Everything else could be done with CSS3. Rounded corners, shadows, strokes, inner shadows, gradients.
@Dalton well that would only be on full browser compatibility. As things are today, you'll probably encounter lots of headaches to make it look good in a decent amount of browsers...
Damn I wish every browser would use the same rendering engine. They should differentiate themselves in UI, social features, extensions, etc, but NOT in how they render a web document. They're just reinventing the wheel over and over again, and designers/developers are left in charge of figuring out how to account for the differences in implementation...
@Miro It's not the way browsers render, some simply don't support HTML5/CSS3, or only support it somewhat. If it's not supported, then the rounded corners would be square. It shouldn't totally lose its' form.
It really depends on the user-base. If your user-base is made up of designers, or people who are on top of the latest technology, then it's ok to get the most out of the HTML5/CSS3 features.
13 Responses
Pro
Jonno Riekwel
What do you think? If you know web apps, you know how this will work :)
over 1 year ago
Looks great, Jonno. I love how the recipient names are more than just text, and reminiscent of iOS.
over 1 year ago
Pro
Miro Keller
Flash?
over 1 year ago
Pro
Dalton Hurd
@Miro Who uses flash these days? :P
over 1 year ago
Pro
Jonno Riekwel
Flash? Excuuuuse me? Yeah probably. But I'm gonna talk them into doing it in html5.
over 1 year ago
Pro
Miro Keller
Is there a way to do file upload progress indicators with HTML5? If so, anyone knows of a good tutorial on the topic? I'm not a fan of Flash, but I thought that it was the only way to achieve such a thing....
over 1 year ago
there is an progressChange event (not sure if that's the real name off hand, but it's something like that) listener on xhr requests… yes it's very possible.
over 1 year ago
Pro
Dalton Hurd
@Miro You can do progress bars without HTML5 as well, using AJAX and JavaScript. Although if it's something complex like rounded corners plus stripes.. It might be better with HTML5.
HTML5 can do quite a bit though. You can even create web video players using it now. :)
over 1 year ago
Pro
Miro Keller
@Randy On which browsers is that available?
@Dalton Do you mean CSS3 right? Although you will probably still need quite a lot of images to achieve the visuals...
over 1 year ago
Pro
Dalton Hurd
@Miro Probably between CSS3 and HTML5. Not really sure, I'm not a coder myself. And you would really only need 1 image, which would be the angled stripe that repeats. Everything else could be done with CSS3. Rounded corners, shadows, strokes, inner shadows, gradients.
over 1 year ago
Pro
Miro Keller
@Dalton well that would only be on full browser compatibility. As things are today, you'll probably encounter lots of headaches to make it look good in a decent amount of browsers...
Damn I wish every browser would use the same rendering engine. They should differentiate themselves in UI, social features, extensions, etc, but NOT in how they render a web document. They're just reinventing the wheel over and over again, and designers/developers are left in charge of figuring out how to account for the differences in implementation...
over 1 year ago
Pro
Dalton Hurd
@Miro It's not the way browsers render, some simply don't support HTML5/CSS3, or only support it somewhat. If it's not supported, then the rounded corners would be square. It shouldn't totally lose its' form.
It really depends on the user-base. If your user-base is made up of designers, or people who are on top of the latest technology, then it's ok to get the most out of the HTML5/CSS3 features.
over 1 year ago
Rebound
Sent
by Jonno Riekwel
When you're done uploading :)
Oops. Forgot to remove the cancel button.
over 1 year ago