How To Use UpdatePanelAnimationExtender in ASP.net

We can use the Update panel Animation extender to play animation both while the update panel is updating and when the update panel has finished updating. This can help us interact with the user while there is a call back in the process, and we can use the existing Animation framework to provide users with good interactivity while the call back is in process and also when the call back has
Completed. The code to use the UpdatePanelAnimation Extender looks like this.

<ajaxToolkit:UpdatePanelAnimationExtender ID="upae" BehaviorID="animation" runat="server"
          TargetControlID="updatePanel">
          <Animations>
                  <OnUpdating>
                       <Parallel duration="0">
                          
                          <ScriptAction Script="onUpdating();" />
                         </Parallel>
                   </OnUpdating>
                  <OnUpdated>
                      <Parallel duration="0">
                         
                          <ScriptAction Script="onUpdated();" />
                      </Parallel>
                  </OnUpdated>
          </Animations>
      </ajaxToolkit:UpdatePanelAnimationExtender>

Here the TargetControlID is the ID of the UpdatePanel whose updates will be used to
Show animation. updating and OnUpdated tags contain the generic animation that will
Be played.