CSS3 Progress Bars

Using CSS3 to style stuff more and more lately. This screenshot uses no images (aside from being a screenshot itself, of course).

This is a data table for a translation app I'm designing for a freelance client. "# Strings" is the count of the number of translated phrases vs. total remaining.

The progress bars animate when the page loads, and the math is parsed by extracting values from the strings column.

View all tags
Posted on Jun 15, 2010

More by Nathan Smith

View profile