/* progress bar container */
 #progressbar{
     border:1px solid black;
     width:200px;
     height:20px;
     position:relative;
     color:black; 
}
 /* color bar */
 #progressbar div.progress{
     position:absolute;
     width:0;
     height:100%;
     overflow:hidden;
     background-color:#369;
 }
 /* text on bar */
 #progressbar div.progress .text{
     position:absolute;
     text-align:center;
     color:white;
 }
 /* text off bar */
 #progressbar div.text{
     position:absolute;
     width:100%;
     height:100%;
     text-align:center;
 }