<html>

<head>

<title>进度条</title>

<style type="text/css">

.container{

   width:450px;

   border:1px solid #6C9C2C;

   height:25px;

 }

#bar{

   background:#95CA0D;

   float:left;

   height:%;

   text-align:center;

   line-height:%;

 }

</style>

<script type="text/javascript">

  function run(){

        var bar = document.getElementById("bar");

        var total = document.getElementById("total");

    bar.style.width=parseInt(bar.style.width) +  + "%";

    total.innerHTML = bar.style.width;

    if(bar.style.width == "100%"){

      window.clearTimeout(timeout);

      return;

    }

    var timeout=window.setTimeout("run()",);

  }

    window.onload = function(){

       run();

    }

</script> 

</head>

<body>

  <div class="container">

   <div id="bar" style="width:0%;"></div>

  </div>

  <span id="total"></span>

</body>

</html>

<html>

<head>

<title>进度条</title>

<style type="text/css">

.processcontainer{

   width:450px;

   border:1px solid #6C9C2C;

   height:25px;

 }

#processbar{

   background:#95CA0D;

   float:left;

   height:%;

   text-align:center;

   line-height:%;

 }

</style>

<script type="text/javascript">

 function setProcess(){

  var processbar = document.getElementById("processbar");

  processbar.style.width = parseInt(processbar.style.width) +  + "%";

  processbar.innerHTML = processbar.style.width;

  if(processbar.style.width == "100%"){

     window.clearInterval(bartimer);

  }

 }

var bartimer = window.setInterval(function(){setProcess();},);

window.onload = function(){

   bartimer;

}

</script>

</head>

<body>

  <div class="processcontainer">

   <div id="processbar" style="width:0%;"></div>

  </div>

</body>

</html>