一个简单的进度条

<table style=" line-height: 1.7; vertical-align: middle; margin-top: 5px; margin-left: 40px; width: 300px; text-align: left;" border="1">
  <tr>
    <td style=" padding-right: 0; text-align: right; width: 100px;"><s:text name="page.char4"/><span>${pageNow }<s:text name="test.scale.no"/>/<s:text name="photoAlbum.page.newpal.gong"/>${totalPage}<s:text name="test.scale.no"/></span></td>
               
       <td><div style=" text-align: left;background-color: white;" id="loadbar">
<div id="bar"></div>
</div></td>
    <td><div id="value"></div></td>
  </tr>
</table>

function startbars(){
$('#bar').css('width',20);
$('#bar').css('background-color','red');
        或者
document.getElementById("bar").style.width=20+"%";
document.getElementById("value").innerHTML=20+"%";
}