<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style>
body {
font-size: 12px;
}
.ProgressBar {
position: relative;
width: 200px; /* 宽度 */
border: 1px solid #B1D632;
padding: 1px;
}
.ProgressBar div {
display: block;
position: relative;
background: #B1D632;
color: #333333;
height: 20px; /* 高度 */
line-height: 20px; /* 必须和高度一致,文本才能垂直居中 */
}
.ProgressBar div span {
position: absolute;
width: 200px; /* 宽度 */
text-align: center;
font-weight: bold;
}
</style>
</head>
<body>
<table width="100%" border="1">
<tr>
<td>1</td>
<td>盛大的萨阿桑</td>
<td>进度</td>
<td>fdfdfds</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>
<div class="ProgressBar">
<div style="width: 50%;"><span>50%</span></div>
</div>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>
<div class="ProgressBar">
<div style="width: 80%;"><span>80%</span></div>
</div>
</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>
<div class="ProgressBar">
<div style="width: 10%;"><span>10%</span></div>
</div>
</td>
<td> </td>
</tr>
</table>
</body>
</html>