Different Progressbar for different updatepanel

Question

 

Hi friend,

I am using 2 asp updatepanel and 2 asp progressbar and 2 buttons. Here when I click 1^st button at that time 1^st progressbar alone show, same as when I click 2^nd button at that time 2^nd progressbar alone show. I don't know how I can solve this one. I tried the following coding but, it will not work. Please any one explain me.

This is my Coding:

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

        </asp:ToolkitScriptManager>      

          <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click"/>

        <asp:UpdateProgress ID="UpdateProgress1" runat="server" DynamicLayout="False"

                AssociatedUpdatePanelID="UpdatePanel1">

        <ProgressTemplate>Processing...Please Wait</ProgressTemplate>

        </asp:UpdateProgress>

        <asp:UpdatePanel ID="UpdatePanel1" runat="server">

        <ContentTemplate>

            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

        </ContentTemplate>

            <Triggers>

                <asp:AsyncPostBackTrigger ControlID="Button1" />

            </Triggers>

        </asp:UpdatePanel>

     

     

        <br />

        <br />

        <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Button" />

        <br />

       

        <asp:UpdatePanel ID="UpdatePanel2" runat="server">

        <ContentTemplate>

            <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>

        </ContentTemplate>

            <Triggers>

                <asp:AsyncPostBackTrigger ControlID="Button2" />

            </Triggers>

        </asp:UpdatePanel>

        <asp:UpdateProgress ID="UpdateProgress2" runat="server" DynamicLayout="False">                           

        <ProgressTemplate>Processing...Please Wait</ProgressTemplate>

        </asp:UpdateProgress>

Please any give the solution for this.