@Glenno: No, it’s Neven Mrgan’s Flatterns.
@Merfield: I’m coding this up tomorrow. I could either use webkit masks or two rotating boxes. Flash? You’re hilarious, sir.
@Tsi: That’s good point.
Here’s a few hours worth of proof-of-concept of the circle loader (or “circlet” I’m coining) with CSS3 animations. Don’t look too hard; it’s not the cleanest solution.
Check out here. Safari for extra-smooth hardware acceleration.
Was working on my own set of these, but debating on which color to use. This would be the activity indicator for an AJAX search call that would have the outer ring spin continuously.
24 Responses
I just had to see what it looked like on a light background and with a progress bar. Oh man, Drew.
(Month-late rebound because I just joined.)
over 1 year ago
Pro
Matthew Skiles
That's awesome! Welcome to Dribbble :)
over 1 year ago
Thanks Skilsey! (Can I call you Skilsey? I’m going to call you Skilsey.)
over 1 year ago
Pro
Matthew Skiles
:)
over 1 year ago
Ohh, delicious. That looks awesome.
over 1 year ago
You’re so nice Kain and Lettsey.
over 1 year ago
Pro
Drew Wilson
AWESOME!!
mine has a progress bar too... see it here: http://drbl.in/AkC
over 1 year ago
Pro
Glenn Van Bogaert
Amazing work Matthew. Lovely progress bars. The background pattern is that Naomi Atkinson's set?
over 1 year ago
Pro
David
Looks great! I'm very curious as to how you're going to make it work in HTML, unless you're intending to use flash, of course.
over 1 year ago
little UI issue: keep the filename always while it's uploading. Users always want to be sure which file they chose and uploading.
over 1 year ago
Pro
Dennis Flinsenberg
Very smexy!
over 1 year ago
Woow Great progress bar! The blue tones are beautiful. I maybe change the color of the entire state, but the work is great!
over 1 year ago
@Glenno: No, it’s Neven Mrgan’s Flatterns.
@Merfield: I’m coding this up tomorrow. I could either use webkit masks or two rotating boxes. Flash? You’re hilarious, sir.
@Tsi: That’s good point.
over 1 year ago
Pro
Matt Gist
This is hawt.
over 1 year ago
Love it! Would love to code that animation!
over 1 year ago
Pro
David
Matthew: Terribly sorry to disappoint you, but it could get ugly...
over 1 year ago
Pro
Peter Fabricius
So Slick. Love it.
over 1 year ago
so cute!
over 1 year ago
Rebound
Circlet in HTML
by Matthew Farag
Here’s a few hours worth of proof-of-concept of the circle loader (or “circlet” I’m coining) with CSS3 animations. Don’t look too hard; it’s not the cleanest solution.
Check out here. Safari for extra-smooth hardware acceleration.
over 1 year ago
Rebound
Activity
by Ryan Scherf
Was working on my own set of these, but debating on which color to use. This would be the activity indicator for an AJAX search call that would have the outer ring spin continuously.
over 1 year ago
Bloody beautiful. Your proof of concept works great in Chrome as well. Geeze that's nice
over 1 year ago
Pro
Luke Ritchie
these are spectacular!love the subtle texture
over 1 year ago
Gorrrgeous.
over 1 year ago
Pro
Stephan Wetzl
love it !
about 1 year ago