Pasek postępu przy wrzucaniu pliku na serwer

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:

Uploading… loader.gif[/code]

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.

Poszukaj na forum bo coś mi się zdaje, że podobny temat już kiedyś był - zresztą na necie też takie skrypty znajdziesz.

Tak, jak pisałem są takie skrypty ale nie działają tak ja ja chcę.

Skrypt ma się normalnie wykonywać jakby był bez tego paska postępu (czyli ma się przeładowywać). Tylko za pomocą JS (którego nie znam, tzn nie napisze sam) trzeba wysłać do np. DIVa że plik ise wrzuca i wtedy uruchomić ikonkę ładowania. A po załadowaniu znowu wysłać do JS za pomocą php że plik został załadowany…

//Edit:

Pokazuję przykładowy kod:

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

| Nazwa foto (*): |
| |
| Zdjęcia (*): |
| Wybierz plik graficzny (*.jpg, *.jpeg, *.gif, *.png) Rozmiar-max: 300KB: |
| |
Uploading… loader.gif
|
'; ?[/code]

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

load.gif

Nie musi być to pasek postępu.

Dodane 14.11.2010 (N) 9:50

Nikt nie wie jak to zrobić…?

uploadify?

http://www.uploadify.com/demos/