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>

转载于:https://blog.51cto.com/xiweicheng/1219471