Ajax-updateprogress: Set the position of the CSS element to center the animation & Loading info

Info for http://www.ajaxload.info/loading
Http://www.bigik.cn/blog/article.asp? Id = 182

If you know about the popular Ajax, you must have seen a small animation similar to loading:

Below are several websites dedicated to providing this type of GIF animation, which may be used one day.

Http://www.ajaxload.info/
This website can instantly generate a loading Animation Based on your input conditions! And the style is my favorite: P

Http://mentalized.net/activity-indicators/

Http://www.napyfab.com/ajax-indicators/

The Atlas Control <Atlas: updateprogress is used on the page to display a waiting icon during various operations to relieve user boredom, so that they will not be so upset during the long waiting for the results, knowing that the system is busy.

Shape:

<Asp: updateprogress id = "updateprogress1" runat = "server">

<Progresstemplate>

</Progresstemplate>

</ASP: updateprogress>

However, if you write the icon in this way, it will be on one side and inconspicuous. If you write an absolute position, for example

Style = "position: absolute; left: 400px; top: 300px;", but this is only suitable for 800*600 screens, and the screen resolution varies widely.

The percentage can be used, as shown in the following code:

<Asp: updateprogress id = "updateprogress1" runat = "server">

<Progresstemplate>

</Progresstemplate>

</ASP: updateprogress>

 

In this way, the icon will reside on the page in any case.