O preloader é o primeiro elemento da tela e fica sobre os outros. Quando o conteúdo termina de ser carregado -- evento load do JavaScript -- o preloader some.
O spinner é uma div circular com bordas grossas sob uma animação em keyframes de rotação.