2011-08-22 20:55:06 +00:00
|
|
|
|
|
|
|
/* progress bar container */
|
2012-02-06 23:28:53 +00:00
|
|
|
.progressbar, #progressbar{
|
2011-08-22 20:55:06 +00:00
|
|
|
border:1px solid black;
|
|
|
|
width:200px;
|
|
|
|
height:20px;
|
|
|
|
position:relative;
|
|
|
|
color:black;
|
|
|
|
}
|
|
|
|
/* color bar */
|
2012-02-06 23:28:53 +00:00
|
|
|
.progressbar div.progress,#progressbar div.progress{
|
2011-08-22 20:55:06 +00:00
|
|
|
position:absolute;
|
|
|
|
width:0;
|
|
|
|
height:100%;
|
|
|
|
overflow:hidden;
|
|
|
|
background-color:#369;
|
|
|
|
}
|
|
|
|
/* text on bar */
|
2012-02-06 23:28:53 +00:00
|
|
|
.progressbar div.progress .text,#progressbar div.progress .text{
|
2011-08-22 20:55:06 +00:00
|
|
|
position:absolute;
|
|
|
|
text-align:center;
|
|
|
|
color:white;
|
|
|
|
}
|
|
|
|
/* text off bar */
|
2012-02-06 23:28:53 +00:00
|
|
|
.progressbar div.text,#progressbar div.text{
|
2011-08-22 20:55:06 +00:00
|
|
|
position:absolute;
|
|
|
|
width:100%;
|
|
|
|
height:100%;
|
|
|
|
text-align:center;
|
|
|
|
}
|
|
|
|
|