Question

I am working on a video upload module, which ultimately stores all the user uploaded video’s on the youtube (using youtube api’s).

I want to display a progress bar as soon as user click’s on upload button and continue showing until the video is uploaded.

I know generally this is achieved using ajax toolkit in .net but since I am using File Upload control, its not compatible with the ajax toolkit.

Kindly suggest me how I achieve this.

Answer 1

You can not show the actual progress of the file upload. But you can show a hidden animated “loading” image with javascript. It will show while the form is submitted (with the file) to the server.

Html:

<img id="loading_img" style="Display: None" src="loading.gif" />

Javascript:

$('#Form1').submit(function() {
    $('#loading_img').show(); // Show image
    return true; // Proceed with postback
});