我如何通过Php取得进展吧 | 我如何通过Php取得进展吧

本文介绍了我如何通过Php取得进展吧的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我使用ajax和jquery创建了多个文件上传。我想要一个进度条。但我不知道怎么样，谁能以这种方式帮助我？

i have create multiple file upload using ajax and jquery. i want to have a progress bar. but i dont know how , who can help me in this way?

推荐答案

<HTML>
<style>
</style>
<SCRIPT>
function Slide(holder, width, height, SlideCount)//width and height in pixel
{
	var topDiv=document.createElement("DIV");
	topDiv.style.height=height;
	var currentPos=0;
	holder.appendChild(topDiv);
	
	var Child1=document.createElement("DIV");
	Child1.style.width=0;
	Child1.style.height=height;
	Child1.style.border="1px solid red";
	Child1.style.background="red";
	Child1.style.float="left";
	topDiv.appendChild(Child1);
	
	var Child2=document.createElement("DIV");
	Child2.style.width=width;
	Child2.style.height=height;
	Child2.style.border="1px solid red";
	Child2.style.float="left";
	topDiv.appendChild(Child2);
	holder.appendChild(topDiv);
	return {
		SetPosition:function(count){
			if(count>SlideCount)
			{
				count=SlideCount;
			}
			else if(count<0)
				count=0;
			currentPos=count;
			var left=Math.round(count*(width/SlideCount));
			var right=width-left;
			Child1.style.width=left;
			Child2.style.width=right;
		},
		GetPosition:function(){
			return currentPos;
		}
	}
}
var cross;
window.onload=function()
{
	cross=Slide(document.querySelector("body"),200, 10, 100);
	cross.SetPosition(0);
}
</SCRIPT>
<BODY>
<INPUT onclick="cross.SetPosition(cross.GetPosition()+1);" type='button' value="++">
<INPUT onclick="cross.SetPosition(cross.GetPosition()-1)" type='button' value="--">
</BODY>
</HTML>

这篇关于我如何通过Php取得进展吧的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！