&yet

the html5

Using CSS3 to create an image-free Progress Bar

Advanced pseudo-classes and pseudo-elements are not pseudo-amazing, they are actually amazing

I’ve been playing a lot with advanced pseudo-classes and pseudo-elements for a project Aaron and I have been working on.

Originally, I was just going to share it as a blog post, but instead, Aaron and I hacked together as a generator you can use to make a purely CSS3 progress bar, like this:

Here’s how we did it.

Follow us on Twitter

Who's &yet?

We're a crazy fun team who love tackling projects that scratch our collective creative itch.

Giving us a challenging problem to solve is like Ma ringing the jangly triangle thing to announce dinner and whatnot.

Ridiculous? Probably.

Find out more about us... if you dare.

Tag categories

andbang, architecture, awesome, backbone, casts, css3, devops, django, education, film, henrik, html5, interview, italy, javascript, nate, new hires, new office, node, node.js, nodejs, npm, ops, planning, podcast, process, qa, realtime, redis, scaling, security, templates, thanks, thoonk, tumbleweed tech, twitter, vodcast, web design, websockets, work

Post archives

We make web software for human people.
(And have a nearly inappropriate amount of fun doing it.)

Blog feed Follow us on Twitter