web状态条效果

 

<table width="400" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td style="width:400px;height:10px;border:1px solid #000000;">
 <table border="0" cellpadding="0" cellspacing="0">
 <tr>
 <td style="width:150px;height:10px;background:#316ac5;" id="asfdadsfasd">sdfasda</td>
 </tr>
 </table>
</td>
</tr>
</table>

<a href="javascript:a();">asdfasdf</a>

<script>
function a()
{
document.getElementById('asfdadsfasd').style.width="300px";
}
</script>