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>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章