Progress template in the middle of content template

Question

I have a gridview in update panel and I am doing paging in that, I want update progress while paging

 <asp:UpdateProgress ID="upGvFinishProg" runat="server" AssociatedUpdatePanelID="upGvFinish" DisplayAfter="0">
                    <ProgressTemplate>
                        <center>
                        Loading ....
                        </center>
                    </ProgressTemplate>

But this is showing me text below of the gridview. I want this to be shown in the middle of gridview, i.e. middle of the content template of update panel

Answer 1

Have you checked about this at asp.net website..

you can use javascript to adjust this stuff..

//    set the progress element to this position 
        Sys.UI.DomElement.setLocation(updateProgressDiv, x, y); 

I suggest you to follow these links:

Displaying Update progress at center of gridview
UPDATE PROGRESS IN THE MIDDLE OF A GRIDVIEW RSS
UpdateProgress is not displayed in the middle of the grv

Answer 2

Check this example from Raj Kaimal's blog

It shows how to use the UpdateProgress control as a modal overlay, so you'll be able to place it over your grid. I think its exactly what you're looking for.

Raj has created a new AJAX extender called UpdateProgressOverlayExtender which seems to fit the requirement.