Javascript 在所有元素顶部显示全屏不确定进度条

我想在所有屏幕元素的顶部显示一个全屏的不确定进度条。我的用例如下所示：

用户将看到一个表单，其中包括一个电子邮件id字段。用户输入电子邮件id，并通过ajax将该id与数据库匹配。当这个操作正在进行并且等待通过ajax控制器的响应时，我希望在窗口的整个区域都可以看到一个全屏进度微调器，并且它必须有文本加载。。。。。当这种情况发生时，必须禁用所有其他控件。也就是说，我想将图像设置在所有控件的顶部

一旦电子邮件被验证，我想隐藏该图像

我在很多网站上都看到过类似的效果，现在想不起来了。 那么我该怎么做呢？设置z索引对我来说不起作用

编辑：

请参见odesk.com的屏幕截图。搜索作业并在左侧栏中选中/取消选中类别时，将显示此进度栏：

---

它是函数中的ajax调用吗？如果是这样的话，在函数内部添加一个gif和文本，那么当ajax完成时，它将输出到页面，覆盖gif。我有点像

function ajaxrequest() {
    var waitingimage="<img src='js/ajax-loader.gif'>";
    document.getElementById('ajax_results').innerHTML =waitingimage;

然后在最后重写它

if (xhr.status == 200 && xhr.status < 300) {        
document.    getElementById         ('ajax_results').innerHTML = xhr.responseText;

---

你的尖锐问题是什么？您是否不知道如何确定ajax操作的开始和结束，或者css部分有问题？您应该显示到目前为止您已经尝试过的内容。@NicoO不确定进度条的意思类似于一个旋转的圆圈，直到任务完成。在发送开始进度、完成停止进度$之前尝试过。ajax选项？如果可能，可以发布html、js吗？谢谢。但是你读过我的问题吗？你被困在哪里还不清楚。您需要Javascript或css方面的帮助吗？我们需要了解您为帮助您所做的一些尝试。请阅读以下内容：