CSS for Bar Graphs

Apples To Oranges published a blog according to using CSS for bar graphs. Below is just a simple example.

graph1

graph2

graph3

All above images are just a small images and CSSs. See below.

.graph { position: relative; /* IE is dumb */ width: 200px; border: 1px solid #B1D632; padding: 2px; } .graph .bar { display: block; position: relative; background: #B1D632; text-align: center; color: #333; height: 2em; line-height: 2em; } .graph .bar span { position: absolute; left: 1em; } 24%

Technorati Tags: , , , ,

Post new comment