Google chrome 在google chrome扩展中显示加载页面

我到处寻找这个，但无论我做什么，这似乎根本不起作用。我有一个GoogleChrome扩展，它使用background.js文件发送一个XHR请求。现在我的要求是，在xhr请求进行时，我需要显示一个小的加载图标。有没有教程可以解释如何做到这一点。我试过一个iframe，但当它随着整个popup.html的扩展而扩展时，它看起来很难看。jquery是我唯一的选择，因为这意味着只为一个简单的动画就要在我当前的项目中添加很多大小。

您需要定义两个函数showIcon和hideIcon

 function showIcon() {
   document.getElementById('loading').style.display ='block';
 } 

 function hideIcon() {
   document.getElementById('loading').style.display ='none';
 }

在发出xhr请求时执行showIcon，然后在xhr返回时调用hideIcon

//html

<div id="loading">Loading</div>

---

一点也不。香草JavaScript能够显示一个简单的加载图标。不需要JQuery。除了使用iframe之外，还有其他方法吗？或者这是我唯一的选择吗？我必须使用img标记添加图标，并将其宽度和高度设置为0。没有。如上所示，使用css设置背景图像要容易得多。你也可以用css指定图像大小。哦，好的。完全没有。

#loading{

text-indent:-9999px
background-image:url('loading.gif');
display:none;

}