Добавьте сообщение "Загрузка ...", когда панель пользовательского поиска 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>