div進度顯示-進度文本提示居中

截圖效果:

代碼:

<td width="200">

   <div style="border:0px solid #000; position:relative; width:150px;">

       <div style="border:1px solid #000;width:100px;height:20px;">

 <div style="background-color:#999; width:30%; height:20px;"></div>

       </div>

       <div style="border:1px solid #000; position:absolute; top:0;left:0; width:100px;height:20px;text-align:center;line-height:20px;vertical-align:bottom;">30%</div>

   </div>

   </td>