.bar-92-3 { width: 92.3%; }
.bar-100: { width: 100%; }
.bar-56-0 { width: 56.0%; }
.bar-93-1 { width: 93.1%; }
.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-‘] span.score { float: right; […]
Read the original post by James Galbraith