JS InnerHTML 显示内容被阻塞的问题

s = "

现在开始加载数据……

"
document.getElementByID("myconsole").innerHTML += s;
for(var i = 0;i<=100;i++)
{
$.ajax(
{
type:'GET'',
url: myurl,
.....
success: function(data)
{
s += "

"+data+"已加载

";
document.getElementByID("myconsole").innerHTML += s;
}
}

程序大概是这个意思，后台计算服务时间较长（循环1次计算2到3秒）。
理想状态是刚开始运行时提示“现在开始加载数据”，然后每加载一条数据都在innerHTML里提示一下。

而实际状态是，显示提示的动作被后台访问阻塞，一直不显示，后台计算完了之后，所有的提示一并显示出来。

请教各位大神，这种情况怎么办？

能否换种展示方式，比如弹出遮罩层提示正在处理中，数据加载完成后关闭遮罩显示全部内容。

后台计算量比较大，感觉还是有个分阶段的提示比较舒服，否则等三四分钟没反应，也不知道是不是计算出错锁死了，操作感会比较差。