Different Progressbar for different updatepanel

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:ToolkitScriptManagerID="ToolkitScriptManager1"runat="server">

        </asp:ToolkitScriptManager>      

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

        <asp:UpdateProgressID="UpdateProgress1"runat="server"DynamicLayout="False"

                AssociatedUpdatePanelID="UpdatePanel1">

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

        </asp:UpdateProgress>

        <asp:UpdatePanelID="UpdatePanel1"runat="server">

        <ContentTemplate>

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

        </ContentTemplate>

            <Triggers>

                <asp:AsyncPostBackTriggerControlID="Button1"/>

            </Triggers>

        </asp:UpdatePanel>

        <br/>

        <br/>

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

        <br/>

        <asp:UpdatePanelID="UpdatePanel2"runat="server">

        <ContentTemplate>

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

        </ContentTemplate>

            <Triggers>

                <asp:AsyncPostBackTriggerControlID="Button2"/>

            </Triggers>

        </asp:UpdatePanel>

        <asp:UpdateProgressID="UpdateProgress2"runat="server"DynamicLayout="False">                           

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

        </asp:UpdateProgress>

Please any give the solution for this.