Circular upload

24 Responses

1. Matthew Farag

   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

2. Pro Matthew Skiles

   That's awesome! Welcome to Dribbble :)

   over 1 year ago

3. Matthew Farag

   Thanks Skilsey! (Can I call you Skilsey? I’m going to call you Skilsey.)

   1likes

   over 1 year ago

4. Pro Matthew Skiles

   :)

   over 1 year ago

5. Zachary Kain

   Ohh, delicious. That looks awesome.

   over 1 year ago

6. Matthew Farag

   You’re so nice Kain and Lettsey.

   over 1 year ago

7. Pro Drew Wilson

   AWESOME!!

   mine has a progress bar too... see it here: http://drbl.in/AkC

   1likes

   over 1 year ago

8. Pro Glenn Van Bogaert

   Amazing work Matthew. Lovely progress bars. The background pattern is that Naomi Atkinson's set?

   over 1 year ago

9. 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

10. Alexander Tsibulski

    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

11. Pro Dennis Flinsenberg

    Very smexy!

    over 1 year ago

12. Miquel Àngel Zaragoza

    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

13. Matthew Farag

    @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

14. Pro Matt Gist

    This is hawt.

    over 1 year ago

15. Noah Stokes

    Love it! Would love to code that animation!

    over 1 year ago

16. Pro David

    Matthew: Terribly sorry to disappoint you, but it could get ugly...

    over 1 year ago

17. Pro Peter Fabricius

    So Slick. Love it.

    over 1 year ago

18. nagash

    so cute!

    over 1 year ago

19. 

    Circlet in HTML 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... December 17, 2010

    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.

    • 134
    • 9
    • 2,431

    over 1 year ago

20. 

    Activity 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 oute... December 17, 2010

    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.

    • 106
    • 7
    • 2,074

    over 1 year ago

21. Limewheel Creative

    Bloody beautiful. Your proof of concept works great in Chrome as well. Geeze that's nice

    over 1 year ago

22. Pro Luke Ritchie

    these are spectacular!love the subtle texture

    over 1 year ago

23. elyse holladay

    Gorrrgeous.

    over 1 year ago

24. Pro Stephan Wetzl

    love it !

    about 1 year ago