Как можно сделать preloader,чтобы он работал пока идет fetch запрос,

Доброе утро. Не могу понять как в fetch запросе сделать, чтобы до того как запрос отправился- работал прелодер. Я на писал следкющий код, но прелодер не включается.Буду рад любой помощи.

// Отправляем данные на сервер с помощью Fetch API
 

     fetch("/", {
        method: "POST",
        body: formData 
      })
    
      .then(function(response) {
     document.querySelector("#spiner").classList.remove("display-none");-включаю отображение прелодера
     document.querySelector("#button__title").classList.add("display-none");
    if (response.ok) {
     document.querySelector("#spiner").classList.add("display-none");
     document.querySelector("#button__title").classList.remove("display-none");
        document.getElementById('copyForm').reset();
     document.getElementById('modal-thank-you').classList.remove("display-none");
     document.querySelector(".pre-footer__row").classList.add("display-none");
    }
      })
      .catch(function(error) {
        console.error("Ошибка:", error);
        
      });
    });