Asp.net 页面呈现时显示Ajax加载程序

这可能是一个简单的问题，但是在构建页面时，如何最好地使用ASP.NET中的AJAX加载程序来提供加载对话框

我目前有一个UpdatePanel，它带有一个关联的UpdateProgressPanel，其中包含一个ProgressTemplate中的加载消息和gif

目前，我有一个页面，onLoad（）会去获取业务实体，然后显示它们。在进行此操作时，我希望显示一个AJAX加载程序

---

是否最好在页面加载中没有任何内容，并且有一个隐藏按钮，该按钮在加载完成或卸载（）时触发，然后等待按钮单击方法完成显示UpdateProgressPanel

您可以在.Net之外的HTML中执行此操作。在您的ASPX页面中，有如下代码：

<div id="loading">
<!-- Animated GIF or other indication that stuff is happening -->
</div>

在页面的最底部，就在前面，您可以看到如下代码段：

<script language="javascript">
document.getElementById("loading").style.display = "none";
</script>
document.getElementById（“加载”）.style.display=“无”
图形——只要它位于页面顶部——将首先呈现。然后所有的onLoad都会发生，最后内联JavaScript会发生，因为它位于页面底部

---

很多时候，我会禁用处于卸载状态的按钮，并在底部JavaScript中启用它们。这会阻止用户在页面准备就绪之前获得点击快乐并触发事件。

我使用计时器控件做了类似的操作。您的OnLoad只需打开计时器，页面就会完成渲染。然后计时器（具有一些最小间隔值）执行脏工作，正确显示进度面板。记住关闭计时器作为过程的最后一步。

如果您确实想要细粒度控制，可以使用基于progressbar的AJAX预加载程序。您可以将其配置为在每次状态更改时完成。i、 e.从0到4（5个就绪状态），每个状态进展20%。。创建一个非常简单。拥有一个容器

div

，其中容纳另一个

div

，其

宽度在0%到100%之间变化，每个状态的步长为20%。将背景色添加到内部的
div
（示例：蓝色）以使其看起来像它的背景色。我猜GMail的预加载程序也采用了类似的方法。
这篇文章很旧，但你可以看看。
答案应该是永远带着例子。