This is a screenshot of the skills section of my new site, this is the built version and is purely CSS (no images) and completely responsive. :)
over 1 year ago
Really nice @Dennis
Thanks @Mike Benton
@Dennis Terrey are each of those segments separate containers with borders or is each coloured bar one container with dividing lines laid on top?
@Mike Benton the main darker indented are is one div and acts as a container for the coloured bar. The coloured bar consists of multiple divs to make up the whole coloured bar, these have percentage widths. To create the divided line I used border left & right.
@Dennis Terrey Cool, that's what I guessed. Nice job mate.
Thanks @Mike Benton, very much appreciated.
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