well in place of this to change the progress bar
progressdiv.progressbar({value: false}).fadeIn(2000);
this can be added to change to another progress bars
progressdiv.circleProgress({value: false}).fadeIn(2000);
or the other way is add a div element hide ..add a image to the div element, and show it out side the ajax call and hide it in the succes of ajax.
<div style=" display:none; width:400px" class="divelement" >
<img src="img/images.gif"/>
</div>
$('.divelement').show();
$.ajax({
url: "FileUpload.ashx",
type: "POST",
data: formData,
contentType: false,
processData: false,
success: function ()
{
$('.divelement').hide();
alert("Files Uploaded Successfully...");
},
error: function (err) {
alert(err.statusText)
}
});
thats it we can add any images like gif png etc.
hope it helps
thanks.