Javascript 异步加载和处理csv文件时显示进度加载程序

我的问题很简单，但我很难想出如何着手解决它。如下面的代码所示，我正在加载3个csv文件，然后使用queue.js处理它们。当这种情况发生时，我希望向用户显示某种类型的进度指示器

queue()
  .defer(d3.csv,"data/1.csv")
  .defer(d3.csv,"data/2.csv")
  .defer(d3.csv,"data/3.csv")
  .awaitAll(preprocessing);

我已经成功地使用JQuery在文档准备就绪时显示了一个进度条。但是，进度条会暂停以执行上述代码，这会破坏整个要点。问题在于没有进度指示器，也没有使用队列自己加载和处理数据；相反，问题在于两者的整合。我真的不知道该怎么办

---

非常感谢您的帮助。我不必使用queue.js，因此，如果能够使解决方案更简单，那么我们欢迎您提出关于加载和处理的替代方法的建议。谢谢

尝试使用类似

的纯html向页面添加加载图像，然后可以使用CSS

#load{display:none；}

隐藏它，然后在队列开始显示加载gif

$（“#加载”）.show（）之前启动一些jQuery如果您已经这样做了，那么您可能希望尝试使用straight$.ajax请求将async设置为true来加载csv文件。在.success回调中，您可以设置一个全局标志，以检查是否已加载所有文件，并在加载后调用处理函数。正如@Mike所建议的，我会作弊，只显示加载图像或类似的内容。查看以下答案，了解一些想法：