Profile Enhancements - Upload Pic Progress Notification

This small modification at least lets members know their pictures are uploading.

Very easy to install or edit.

Open (album_picture_upload) Template

1- Find:

</head>

2- Above that add:

<script language="JavaScript">
function render(t) {
	document.getElementById(t).style.display="";
}
</script>

3- On the same template find:

<input type="submit" class="button" value="$vbphrase[upload_pictures]" accesskey="s" tabindex="1" />
	</div>

5- Replace with:

<input type="submit" class="button" value="$vbphrase[upload_pictures]" accesskey="s" tabindex="1" onClick="render('progress')" />
	</div>
<div align="center" style="display:none;" id="progress">Upload in progress, Please wait... &nbsp;<img src="/images/misc/13x13progress.gif" border="0"></div>

Of course I have a .png arrow image pointing up that is not animated, since on php a .gif file will not play while uploading.

That gives you the idea :up:

Screenshot attached

[maidos]

can anyone share how to add a progress bar animated showing the current status? and time left till finished

[christian8a]

with php I dont think there is a way, ive been looking for it but no luck. A flash file will do but you know, flash for some people it shows for some others it doesnt

[romanticyao]

simple but useful, thanx

[Captain Tycoon]

Installed and Marked! Thanks.

[Jase2]

Simple, yet effective. Thanks!

[Q-v-n-s-Q]

very nice, any idea for attachment uploading??

[merk_aus]

thanks mate useful had so many people saying it wasnt uploading it just sat there lol impatient people haha

[christian8a]

works with any version untill 3.8 so far, tested.

[richardyoung]

I have made the changes to the template.. however it is not working.. is there something I need to download like a javascript the gif?

[richardyoung]

I have checked and I got the 13x13 gif in the correct error.. and there are no errors on my page but it is not showing