Also sprach SK:
[color=blue]
> How to achieve this*? Percentage number is always in
> the middle of the table. If needed, the number is overlayed
> over the cell border (for example, in case of "55%").[/color]
Quick, dirty and tested only on IE5:
<div id="progress">
<div id="done"></div>
<div id="percent">55%</div>
</div>
#progress {
position:relative;
width:200px;
border:1px solid black;
}
#done {
width:55%;
background-color:green;
}
#percent {
position:absolute;
top:0;
left:90px;
color:red;
}
Drawback: the percentage is not exactly in the middle, but maybe you can
improve this code.
Greetings,
Thomas
