Non pas ceclui-là...
Celui-ci !
<asp:UpdateProgress DynamicLayout="false" ID="UpdateProgress1" runat="server">
<ProgressTemplate>
<div class="TopRightFixed">
<img src="Images/ajax-loader.gif" alt="Loading" />
Chargement en cours...
</div>
</ProgressTemplate>
</asp:UpdateProgress>
.TopRightFixed
{
top: 0px;
right: 0px;
position:fixed;
}
Solution avec UpdateProgress et CSS
Version avec un AlwaysVisibleControl
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="Async Postback" />
Heure du serveur: <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdateProgress DynamicLayout="false" ID="UpdateProgress2" runat="server">
<div class="Progress">
<asp:AlwaysVisibleControlExtender ID="AlwaysVisibleControlExtender1" runat="server"
TargetControlID="UpdateProgress2" HorizontalSide="Right" VerticalSide="Top" HorizontalOffset="0">
</asp:AlwaysVisibleControlExtender>
.Progress
background-color:#CF4342;
color:White;
.Progress img {
vertical-align:middle;
margin:2px;
this._animate = (Sys.Browser.agent == Sys.Browser.InternetExplorer && Sys.Browser.version < 7);
if (this._animate) {
// Initialize the animations to use the actual properties
this._animation = new AjaxControlToolkit.Animation.MoveAnimation(
element, this._scrollEffectDuration, 25, 0, 0, false, 'px');
// Make the control use absolute positioning to hover
// appropriately and move it to its new home
element.style.position = 'absolute';
} else {
// Make the control use fixed positioning to keep it from moving
// while the content behind it slides around
element.style.position = 'fixed';