Добавьте сообщение "Загрузка...", когда панель пользовательского поиска Google все еще не видна, а затем удалите сообщение, когда оно уже видно

Question

Я использую панель пользовательского поиска Google, и отображение этой страницы на странице занимает несколько секунд. Из-за этого я хочу добавить сообщение "Загрузка...", пока панель поиска еще не отображается, а затем удалить сообщение к тому времени, когда панель поиска уже видна (неважно, загружена ли страница полностью).

Я выполнил поиск в Интернете и попытался изменить скрипт пользовательского поиска Google, основываясь на ответе здесь (onreadystatechange). Но я не могу заставить его работать так, как задумано, поскольку сообщение "Загрузка..." исчезает примерно на полпути с того момента, когда панель поиска становится видимой:

<p id="loading-msg"></p>

<script>
    var loadingMsgEl = document.getElementById("loading-msg");
    loadingMsgEl.innerHTML = "Loading...";

  (function() {
    var cx = 'xxxxx';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;

    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);

    gcse.onreadystatechange = gcse.onload = function() {
    loadingMsgEl.innerHTML = "";
    };
  })();
</script>