上传进度条代码

 <script src="xmlLib.js"></script>
<style>
 .progressBar{
  width: 250px;
  height: 15px;
 }
 .progressInfo{
  width: 250px;
  height: 15px;
  border: 1px solid #000000;
  overflow: hidden;
  text-align: center;
  font-size: 9pt;
  padding-top: 1;
  position: absolute;
 }
 .progress{
  background-color: #5FFF3F;
  width: 0%;
  height: 15px;
  overflow: hidden;
 }
</style>

<script>
var r = "传输: {0}K 还未完成";
var s = "您的文件已经上传完成";
function progressBar()
{

 this.totalSize = 100;
 this.sizeCompleted = 0;
 this.percentDone = "0%";
 this.setSize = function(totalSize, size)
 {
  var oProgress = document.getElementById("progress");
  var oProgressInfo = document.getElementById("progressInfo");
  if (oProgress == null || oProgressInfo == null)
   return;

  if (totalSize <= 0)
   return;

  this.totalSize = totalSize;
  this.sizeCompleted = size;
  if (size < 0)
   this.sizeCompleted = 0;
  else if (size > this.totalSize)
   this.sizeCompleted = this.totalSize;

  var sizeLeft = 0;
  var progressInfoText = "";
  sizeLeft = this.totalSize - this.sizeCompleted;

  this.percentDone = Math.round(size / this.totalSize * 100) + "%";
  oProgress.style.width = this.percentDone;
  
  if (sizeLeft > 0)
   progressInfoText = r.replace("{0}", sizeLeft);
  else
   progressInfoText = s;

  oProgressInfo.innerHTML = progressInfoText;
 }
}

</script>
<div id="progressBar" class="progressBar">
 <div class="progressInfo" id="progressInfo" onselectstart="return false;">
  &nbsp;
 </div>
 <div class="progress" id="progress">
 </div>
</div>
<script language="JavaScript" type="text/javascript">
<!--
var iTimerID = null;
var xmlHttp = XmlHttpPool.pick();

LoadProgressInfo();
function LoadProgressInfo()
{
 var url = "progressInfo.asp"
 try
 {
  xmlHttp.open("GET", url, true);
  xmlHttp.send(null);
  xmlHttp.onreadystatechange = function()
  {
   LoadData(xmlHttp);
  }
 }
 catch(e)
 {
  alert(e)
 }
}

function LoadData(xmlhttp)
{
 if (xmlhttp.readyState == 4)
 {
  iTimerID = window.setTimeout("LoadProgressInfo()", 100);
  eval(xmlhttp.responseText);
 }
}

//-->
</script>