/* Progress bar widget, by Jan-Christoph Schwarze·
   (jc at just-the-web.de)
   Without javascript and maybe sometime with sass and/or python.
   Based on Matthew Harvey's Progress bar widget
   (http://www.licketyknit.com/progressbars.html)
   Licensed under a Creative Commons Attribution-Share Alike 2.5
   License (http://creativecommons.org/licenses/by-sa/2.5/)      */

/* Box */
div.smallish-progress-wrapper {
/* Don't change the following lines. */
position: relative;
border: 1px solid black;
/* Add your customizations after this line. */
/* Overall width of the box. */
width: 150px;
}

/* Bar */
div.smallish-progress-bar {
/* Don't change the following lines. */
position: absolute;
top: 0; left: 0;
height: 100%;
/* Add your customizations after this line. */
/* Background color of your the bar.*/
background-color: #ff9999;
}

/* Bartext */
div.smallish-progress-text {
/* Don't change the following lines. */
text-align: center;
position: relative;
/* Add your customizations after this line. */
/* This should be same size as your box to center your 0%.*/
width: 150px;
/* color of your 0% text. */
color: #000000;
}