29 lines
535 B
CSS
29 lines
535 B
CSS
|
/* 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;
|
||
|
|
}
|