Witam,

Potrzebuję zrobić pasek, ikonę postępu ładowania pliku, który będzie działał po kliknięciu submit.
Tylko musi on działać niezależnie. Czyli nie tak jak inne skrypt w sieci które znalazłem, że wykonuje się wrzucanie jakby w tle i nie wyświetla żadnych komunikatów gdy np. jest błąd.
Czyli musi to działać tak:


Po kliknięciu musi zamienić się hidden na visible. a po skończeniu ładowania spowortem na hidden.
Proszę kogoś o napisanie tego krótkiego skryptu w js.

Z góry dziękuję za pomoc.


//EDIT:

Pokazuję przykładowy kod.

[PHP] pobierz, plaintext 
<?php
if ($_GET['opcja'] == 'dodaj')
{
	if ((!empty($_POST['nazwa'])) AND (!empty($_POST['zaladuj'])))
	{
		// kod przetwarzający plik
		sleep(3);
		echo 'Wszystko ok, plik został wrzucony na serwer';
	}
	else
	{
		echo 'Prosze uzupełnic wszystkie pola.';
	}
}
echo '
	<form method="POST" action="pasek_postepu.php?opcja=dodaj" enctype="multipart/form-data" id="testForm">
		<table border="0" width="100%">
				<tr>
						<td><b>Nazwa foto (*):</b></td>
				</tr>
				<tr>
						<td><input type="text" name="nazwa" size="54"></td>
 
				</tr>
				<tr>
						<td><b>Zdjęcia (*):</b></td>
				</tr>
				<tr>
						<td>
							<input type="hidden" name="MAX_FILE_SIZE" value="0">
							Wybierz plik graficzny (*.jpg, *.jpeg, *.gif, *.png) Rozmiar-max: 300KB:<br/>
							<input type="hidden" name="zaladuj" value="tak">
							<input type="file" name="plik" size="35"><br/>
							<br />
						</td>
				</tr>
				<input type="hidden" name="go" value="ok">
				<tr>
						<td style="float:left"><input type="submit" id="uploadButton" value="Dodaj foto"></td>
						<td style="float:left"><div  style="visibility:hidden; margin-bottom:1.5em;" id="indicator">Uploading... <img src="img/loader.gif"/></div></td>
				</tr>
		</table>
</form>';
?>
[PHP] pobierz, plaintext 

Chodzi mi także o taką ikonę ładowania:

Nie musi być to pasek postępu.

Nikt nie wie jak to zrobić..?