progressinfo.htm

asp.net上传进度显示原代码．．． 征对大文件的上传

<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>