从CDN下载Javascript资产的进度

我有一个基于网络的应用程序，需要大量资源（音频/图像/视频）。以前，我一直在同一台服务器上托管所有内容，并使用抓取所有资源并下载它们（同时显示一个漂亮的进度条）

我现在正转向内容交付网络（CDN）来承载所有这些资产，但需要将基本web应用程序保留在我的服务器上

因此，我的应用程序位于

webapp.com

，所有资源位于

cdn.webapp.com

——我的问题是如何从另一个域加载所有这些资源并同时查看进度？是否有库可以处理这个问题，或者我需要编写一些代码来订阅每个资产的

onload（）

函数，并且只在下载完所有内容后才能继续

（由于跨域ajax请求，我无法再使用PrelodJS下载所有内容）

最后（因为没有人来救我），我通过这样做实现了这一点：

图像/资产位于

cdn.webapp.com

上，并像往常一样包含在页面的HTML中。然后Javascript将运行并将这些图像所在的div设置为没有高度。这仍然允许加载图像，但不会在页面上呈现它们

然后我找到了一个JS库（）来注册对这些图像的回调，以便在图像完全下载时通知我