over 2 years ago
the progress bar is just perfect!
You've been quiet on dribbble for a while, and now we know why! Looks the nuts :)
It looks so good!
Beautiful work man! I would maybe make the "10/13" tooltip a bit closer to the progress bar, so that it's more obvious that it's associated with it.
Amazing work man.
beauty in the flesh!
@Andy: Haha yes, my silence is due to me slaving away in the design kitchen. Hopefully I'll get to share more soon. This one more than anything is just exploration of a product feature.
@John: Thanks man. I'll explore the tooltip/progress bar relation. My gut is telling me the issue will be minimal since it's a contain element and there's really nothing else it would relate to. But I'll definitely note it.
so smooth :)
Smexeh in many ways.
Smooth and clean. Well done Josh.
Beautiful. Love the color.
Beautiful! Question though: How do you display the 10/13 when it covers the words "Level 2 Progress"? I'm working on a similar progress bar for an app, and it was a challenge.
@Adam: Ah yes, one solution I've generated in the past that seemed to work well is to only have the tooltip kick in at 75% or above but have an absolute positioned indicator when below that mark. Example: http://d.pr/pnN5
Bastard! Nice Josh Nice :)
I want to lick it!
Spacial, clear, and lightweight. Great UI work.
Really nice work Josh, liking this straight away!
Only bit bugging me is the blurryness around the 10/13. I assume the shadow is running on top also or there is a dark stroke.
Superb work, look forward to seeing more :)
@Mark: haha lick at own risk! ;)
@Michael: Thanks dude! means a lot coming from you!
@Richard: Word. It's just due to it being rasterized and scaled down for the shot. Throw that bad boy on a retina display and it's crisp and clear. ;)
Uuuggghh... so dang nice Josh.
@Josh wicked, even better ;-)
Very clean and clear!
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.