Una barra de progreso en tiempo real y sin hackear el intérprete PHP

2 archivos:

index.php

<?php

// Virtual File Uploader v1.0 by GeekScripts.Com
// Copyright Virtual Ventures (www.vv-inc.com)

if (isset($img1_name)) {

if ($img1_name != "") {
		copy("$img1", "d:/web/public/compartir/$img1_name")
			or die('No se ha podido subir el archivo.<br/><br/><button onclick="location.href=String.fromCharCode(0x3f);"> Volver </button>');
	} else {
		die('No se ha indicado el archivo.<br/><br/><button onclick="location.href=String.fromCharCode(0x3f);"> Volver </button>');
	}

<HTML>
	<HEAD>
	<link rel="stylesheet" type="text/css" href="../informes/style.css" />
	<TITLE>Fichero enviado con éxito</TITLE>
	</HEAD>
	
	<BODY>
	
	<H1>Fichero enviado con éxito!</H1>
	
	Enviado: <?=$img1_name?> , [ <?=$img1_size?> bytes ] <br/><br/>
	
	Descargar <a href="./<?=$img1_name?>">aquí</a>.
	
	<br/><br/>
	
	<button onclick="location.href='?';"> Volver </button>
	
	</BODY>
	
	</HTML>
	
	<?php
	exit;
}

<HTML>

<HEAD>
	<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=iso-8859-1">
	<link rel="stylesheet" type="text/css" href="../informes/style.css" />
	<TITLE> Compartir </TITLE>
	<style>
	.btn { cursor:pointer; margin-bottom:10px; }
	</style>
</HEAD>

<BODY>

<h1> 1. Especificar un archivo</h1>
<span style="text-align:center">
<input type="hidden" name="MAX_FILE_SIZE" value="10240000">
<input type="file" name="img1" size="70" />
<br/><br/>
</span>

<h1> 2. Pulsar para enviar</h1>

<button class="raised btn cursor" onclick="this.form.submit();">Enviar</button>

</FORM>

</BODY>

</HTML>

progress.php

<?php

if (isset($get)) {
	session_start();
	$vals= Array();
	if (!isset($upload_tmp_dir)) $upload_tmp_dir= get_cfg_var('upload_tmp_dir');
	if (empty($get)) {
		foreach (glob("d:".$upload_tmp_dir."/*.tmp") as $nombre_archivo) {
			$vals[filectime($nombre_archivo)]= filesize($nombre_archivo).';'.$nombre_archivo;
		}
	} else {
		if (!file_exists($get)) die('function callback() { document.getElementById("res").innerHTML="FIN"; window.close(); }');
		$vals[filectime($get)]= filesize($get).';'.$get;
	}
	ksort($vals);
	$val= array_pop($vals);
	$nom= substr($val,strpos($val,';')+1);
	$val= substr($val,0,strpos($val,';'));
	if (empty($nom)) die('function callback() { document.getElementById("res").innerHTML="FIN"; window.close(); }');
	die ('function callback() { document.getElementById("res").innerHTML="'.$val.'"; window.setTimeout(\'callServer("progress.php?get='.$nom.'");\',50);}');
}

<html>
<body>
<style>
body { font-family: Trebuchet MS, sans-serif; }
#res { font-size: 50px; font-weight:bold; }
</style>

Enviados: <br/><span id="res"></span> bytes.<br/>
<input type="button" value="cerrar" onclick="window.close()" style="position:absolute; right:10px; top:10px;" />

function callServer(action) {
	
	var head= document.getElementsByTagName("head").item(0);
	var old= document.getElementById("lastLoadedCmds");
	if (old) head.removeChild(old);
	
	script= document.createElement("script");
	script.src= action;
	script.type= "text/javascript";
	script.defer= true;
	script.id= "lastLoadedCmds";
	script.onload= function() { if (callback!= null) callback(); }
	void (head.appendChild(script));

// espera hasta que se cargue el resultado
	/*while (document.getElementById("lastLoadedCmds").readyState!="complete") {
		pause(200);
	}*/
	
	return;
}

callServer("progress.php?get=");
</script>

</body>
</html>