.bar-100 { width: 100.0%; }
.bar-61-2 { width: 61.2%; }
.bar-52-6 { width: 52.6%; }
.bar-92-3 { width: 92.3%; }
.bar-80-8 { width: 80.8%; }
.chart-wrapper {
border: 1px solid #f1f1f1;
padding: 5px;
margin-botom: 10px;
}
.caption {
display: block;
text-align: center;
color: #999;
font-size: 11px;
}
ul.chart {
list-style-type: none;
margin-top: 10px;
padding: 0px;
}
ul.chart li[class^=’bar-‘] {
position: relative;
padding-left: 5px;
margin-bottom: 1px;
background-color: rgba(59, 169, 214, 1);
color: #fff;
text-align: left;
font-size: 12px;
line-height: 1.5em;
}
ul.chart li[class^=’bar-‘] […]
Read the original post by Dan Frakes