Circular upload

24 Responses

1. Pro 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 2 years ago

2. Pro Matthew Skiles

   That's awesome! Welcome to Dribbble :)

   over 2 years ago

3. Pro Matthew Farag

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

   1likes

   over 2 years ago

4. Pro Matthew Skiles

   :)

   over 2 years ago

5. Zachary Kain

   Ohh, delicious. That looks awesome.

   over 2 years ago

6. Pro Matthew Farag

   You’re so nice Kain and Lettsey.

   over 2 years ago

7. Pro Drew Wilson

   AWESOME!!

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

   1likes

   over 2 years ago

8. Pro Glenn Van Bogaert

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

   over 2 years ago

9. Pro David Merfield

   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 2 years ago

10. Pro 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 2 years ago

11. Dennis Flinsenberg

    Very smexy!

    over 2 years 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 2 years ago

13. Pro 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 2 years ago

14. Matt Gist

    This is hawt.

    over 2 years ago

15. Noah Stokes

    Love it! Would love to code that animation!

    over 2 years ago

16. Pro David Merfield

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

    over 2 years ago

17. Pro Peter Fabricius

    So Slick. Love it.

    over 2 years ago

18. nagash

    so cute!

    over 2 years 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...

    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.

    • 154
    • 9
    • 3,427

    over 2 years 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...

    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.

    • 113
    • 7
    • 2,350

    over 2 years ago

21. Pro Limewheel Creative

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

    over 2 years ago

22. Pro Luke Ritchie

    these are spectacular!love the subtle texture

    over 2 years ago

23. elyse holladay

    Gorrrgeous.

    over 2 years ago

24. Stephan Wetzl

    love it !

    about 2 years ago