[Resolvido] Barra de progresso em php.

Olá pessoal do iMasters,

eu tenho um sistema de Upload

Segue abaixo o código da página upload.php

<?php

//Diretório aonde ficará os arquivos
$dir = "./uploads/";

//Extensões permitidas
$ext = array("gif","jpg","png","jpeg","bmp","jpe","swf","psd");

//Quant. de campos do tipo FILE
$campos = 1;

//Formulário de busca

echo '<form method="post" action="'.$PHP_SELF.'" enctype="multipart/form-data">
 Selecione a imagem: <input type="file" name="file[]" class="btselect">

 <input type="submit" name="submit" class="btenviar" value=" ">
 </form>';

//Se for enviado
if (isset($_POST['submit'])) {

//Obtendo info. dos arquivos

$f_name = $_FILES['file']['name'];
$f_tmp = $_FILES['file']['tmp_name'];
$f_type = $_FILES['file']['type'];

//Contar arquivos enviados
$cont=0;

//Repetindo de acordo com a quantidade de campos FILE
for($i=0;$i<$campos;$i++){

//Pegando o nome
$name = $f_name[$i];

//Resultado do Uplaod com o link
if ( ($name!="") and (is_file($f_tmp[$i])) and (in_array(substr($name, -3),$ext)) ) {

 if ($cont==0) {
 echo "<b>Upload completo, veja abaixo o link direto de sua imagem:<br></b> <br><b><a href='http://uploads.imageupload.com.br/".$name."' target='_new'>http://uploads.imageupload.com.br/".$name."</a></b><br>" ;
 }

 //Movendo arquivo's do upload
 $up = move_uploaded_file($f_tmp[$i], $dir.$name);

 //Status do Upload
 if ($up==true):
 echo "<br><i>Enviado com sucesso ao servidor!</i>";
 $cont++;
 else:
 echo "<i>Falhou!</i>";
 endif;

 echo "
";
 }

}

echo ($cont!=0) ? "<i>Total de arquivos enviados: </i>".$cont : "Nenhum arquivo foi enviado!";
}
?>

Minha duvida é a seguinte, eu gostaria de saber como fazer para quando o usuario clicar no botao submit deve aparecer uma barra de progresso, a barra carrega até 100% e logo após exibe o resultado do Upload

O Resultado fica apartir de:

//Resultado do Uplaod com o link