Вставьте загрузочный GIF до Inframe в моей панели в загрузках аддона Firefox

Question

Я строю аддон Firefox. Я хочу вставить загрузочный GIF-файл перед загрузкой страницы в моей панели.

Вот код моего файла main.js

var { ToggleButton } = require('sdk/ui/button/toggle');
var panels = require("sdk/panel");
var data = require("sdk/self").data;
var {Cc, Ci} = require('chrome');
  var button = require("sdk/ui/button/action").ActionButton({
  id: "my-button",
  label: "my button",
  icon: {
    "16": "./logo1.png",
    "32": "./logo1.png",
    "64": "./logo1.png"
  },
   onClick: handleChange
});



function handleChange(state) {

      var windowsService = Cc['@mozilla.org/appshell/window-mediator;1'].getService(Ci.nsIWindowMediator);

// window object representing the most recent (active) instance of Firefox
var currentWindow = windowsService.getMostRecentWindow('navigator:browser');

// most recent (active) browser object - that's the document frame inside the chrome
var browser = currentWindow.getBrowser();

// object containing all the data about an address displayed in the browser
var uri = browser.currentURI;
var title=browser.contentDocument.title

// textual representation of the actual full URL displayed in the browser
var ur = uri.spec;


var frame_url = someurl;
      var panel = panels.Panel({
width:650,
height:400,              
contentURL: frame_url,
contentScriptFile: data.url("preloading.js"),
contentScriptWhen:"start"
});
    panel.show({
      position: button
    });

}

Вот мой файл preloading.js.

    document.addEventListener("DOMContentLoaded", function(event) {
        console.log("DOM fully loaded and parsed");
        });
   document.body.style.backgroundImage="url('loading.gif')";

Когда я использую этот файл javacript, я получаю ошибку, что document.body не определен. Я пробовал разные версии файла preloading.js, но все они терпят неудачу.

Есть ли способ добавить загрузочный GIF, пока страница в моей панели загружается.