update progress not working when ajax tab container used

See more:

C#

ASP.NET

Ajax

Hi everyone,

I have one content page inside which there is an update progress and a update panel
inside that update panel there is a ajax tab container.

Inside ajax tabcontainers -tabpanel there is an another update panel in which i have one fileupload control , i need to use update panel inside tab panel as i have used fileupload control and i have done a post back trigger on upload button..

Now i need a progress bar while the file is uploaded..

I have tried many ways , but didn't worked.. Please suggest ,below is my code .

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
   <asp:UpdateProgress ID="upProgressSchoolInfo" runat ="server" AssociatedUpdatePanelID ="upSchoolInfo">
    <ProgressTemplate >
         <div id="overlay1"  style="position:absolute;width:2000px;height:2000px;opacity: .8;filter: alpha(opacity=80);z-index:99999;left:0px;top:0px;">
            <img src="_img/loading.gif" style="padding-top:500px;padding-left:600px;">
        </div>
    </ProgressTemplate>
</asp:UpdateProgress>
<asp:UpdatePanel ID="upSchoolInfo" runat ="server">
    <ContentTemplate>
        <cc1:TabContainer ID="tcSchoolInfo" runat ="server">
            <cc1:TabPanel ID ="tpNewSchool" runat ="server" ScrollBars ="Auto" Font-Size="Small" Font-Names="Calibri">
                <HeaderTemplate >
                    <asp:Label ID ="lbNewSchool" runat ="server" Text="New School"></asp:Label>
                </HeaderTemplate>
                <ContentTemplate>
  <asp:UpdateProgress ID="UpdateProgress1" runat ="server" AssociatedUpdatePanelID ="upSchool">
                        <progresstemplate>
                             <div id="overlay" style="removed:absolute;width:2000px;height:2000px;opacity: .8;filter: alpha(opacity=80);z-index:99999;removed0px;removed0px;">
                                <img src="_img/loading.gif" style="padding-top:500px;padding-left:600px;">
                            </div>
                        </progresstemplate>
                                          
                         <asp:UpdatePanel ID="upSchool" runat ="server">
                                        <contenttemplate>
<asp:fileupload id ="fpUpload" runat="server"/>
<asp:button id ="btnSubmit" runat="server" text="Submit"/>
</contenttemplate>
<triggers>
<asp:PostBackTrigger ControlID ="btnSubmit" /></triggers>

</asp:updatepanel>
</contenttemplate>
</cc1:tabpanel>
</cc1:tabcontainer>
</contenttemplate>
</asp:updatepanel>

Now as you can see , i have a progress bar for both the update panel but none of them works.....

Please help...

Regards,
Krunal