<html>
<head>
<script>
//此处求代码！
</script>
<style type="text/css">
.div{
width:100px;
height:3px;
border:1px solid #B3DB9D;
background-color:#B3DB9D;
float:left;
position:absolute;
margin-left:50;
}
.div2{
border:1px solid black;
width:200px;
height:3px;
margin-left:50;
position:absolute;
}
</style>
</head>
<body load="jindu()">
<form>
<div class='div'></div>
<div class='div2' align="center"></div><!--显示进度-->
</form>
</body>
</html>
要控制上面青色的长度属性！
<html>
<head>
<style type="text/css">
.div{height:22px;border:1px solid #B3DB9D;background-color:#B3DB9D;float:left;position:absolute;margin-left:50;}
.div2{border:1px solid black;width:100px;height:22px;margin-left:50;position:absolute;}
</style>
</head>
<body>
<form>
<div class='div' id="div" ></div>
<div class='div2' id="div2" align="center"></div><!--显示进度-->
</form>
<script type="text/javascript">
function jindu(schedule)
{
document.getElementById('div').style.width = schedule + 'px';
document.getElementById('div2').innerHTML = schedule + '%';
}
jindu(10);//修改参数改变进度条
</script>
</body>
</html>