Гифка лоадер должна появляться пока страница обрабатывается

[Jesus1]

Вопрос по javascript . как используя ajax-технологию сделать так , чтобы при условии пока страница ещё не загрузилась, пользователю выводилась на экране гифка с надписью loading..., но когда страница уже будет полностью обработана интерпретатором , эта картинка исчезала и на экране появлялась бы полностью обработанная страница? Для этого как я понимаю нужно использовать состояния готовности. Т.е, если состояние готовности равно 3 то вывести гифку с загрузкой, если 4, то гифка удаляется и появляется готовая страница. Нужен пример на чистом javscript. А то что-то я не догоняю)

[destus]

<style>
div{
            display: none;
        }
</style>
<div>Здесь гифка</div>
<script>
var div = document.querySelector('div');
            var xhr = new XMLHttpRequest();
            xhr.open('GET', 'http://javascript.ru');
            xhr.send(null);
            
            div.style.display = "block";
            xhr.onreadystatechange = function () {
                if (xhr.readyState == 4) {
                    div.style.display = 'none';
                }
            }
</script>

[alexmixaylov]

вы написали что нужен пример на яваскрипте чистом, а тему выбрали jQuery
уточните запрос