Throw together a coded version of Tanveer Junayed's shot utilizing the html5 progress tag and a splash of jquery for the animation. See the live version here.
about 1 year ago
@Maxim McNair :: BOOM...you did it man!!
Update: Can you make it more exact mate? I meant that tooltip has an arrowdown, colors are little different and that dot on the front of the bar.
update 2: Checked on chrome. Working great
A simple "cursor: pointer;" to the buttons and its perfect, very nicely done :D
@Gijs Rogé Good point, updated.
@Tanveer Junayed Thanks. I've tried to get the half arrow down with just css, it's works best in chrome. Check out the updated version here.
very nice Maxim!
7 months ago
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–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter