@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.
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
49 Responses (page 1 of 2)
Pro
Matej Hrescak
Oooooooohsome!
almost 2 years ago
Pro
Brian Benitez
Dannnnnng, dude.
almost 2 years ago
Pro
Sumit Paul
the progress bar is just perfect!
almost 2 years ago
Pro
Andy Chipperfield
You've been quiet on dribbble for a while, and now we know why! Looks the nuts :)
almost 2 years ago
Pro
Samuel Couto
It looks so good!
almost 2 years ago
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.
almost 2 years ago
Amazing work man.
almost 2 years ago
Pro
Juan Arreguin
beauty in the flesh!
almost 2 years ago
Pro
Josh Hemsley
Thanks guys!
@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.
almost 2 years ago
so smooth :)
almost 2 years ago
Pro
Jord Riekwel
Smexeh in many ways.
almost 2 years ago
Pro
Jason Krieger
Smooth and clean. Well done Josh.
almost 2 years ago
Pro
Jason Wu
Beautiful. Love the color.
almost 2 years ago
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.
almost 2 years ago
Pro
Josh Hemsley
@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
almost 2 years ago
Pro
Julien Renvoye
Bastard! Nice Josh Nice :)
almost 2 years ago
sic
almost 2 years ago
Great!
almost 2 years ago
I want to lick it!
almost 2 years ago
Pro
Mike Precious
Spacial, clear, and lightweight. Great UI work.
almost 2 years ago
Pro
Richard Meredith
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 :)
almost 2 years ago
Pro
Josh Hemsley
@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. ;)
almost 2 years ago
Pro
Jackson Stephens
Uuuggghh... so dang nice Josh.
almost 2 years ago
Pro
Richard Meredith
@Josh wicked, even better ;-)
almost 2 years ago
Very clean and clear!
almost 2 years ago