Con i CSS possiamo creare loader perfettamente centrati.
Creiamo questa marcatura:
<div id="loader">
<img src="loader.gif" alt="" id="spinner">
</div>
Quindi assegniamo gli stili CSS:
html, body, #loader {
height: 100%;
min-height: 100%;
width: 100%;
}
#loader {
background: #fff;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}