<分区>
javascript - 在所有元素顶部显示全屏不确定进度条
标签 javascript jquery html css
我想在所有屏幕元素之上显示一个全屏不确定的进度条。我的用例如下:
用户会看到一个表单，其中包括一个电子邮件 ID 字段。用户输入电子邮件 ID，并通过 ajax 该 ID 与数据库匹配。当这个操作正在进行中并且等待通过 ajax Controller 的响应时，我希望在窗口的整个区域上都可以看到一个全屏进度微调器，并且它必须有文本“正在加载......”。当发生这种情况时，必须禁用所有其他控件。即我想将图像设置在所有控件之上。
验证电子邮件后，我想隐藏该图像。
我在很多网站上看到过类似的效果。(暂时想不起来了)。 那么我该怎么做呢？(设置 z-index 对我不起作用)
编辑:
请参阅 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;
关于javascript - 在所有元素顶部显示全屏不确定进度条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26453236/