Hace años era muy típico usar imágenes (gifs) en las pre-cargas de las webs, etc.. para crear ese efecto de “cargando…”

A continuación un ejemplo para realizar un efecto loading circular usando solo CSS. En este caso a un solo elemento con clase “loader-circular”.

Resultado:

Este es solo un ejemplo para mostrar lo fácil que es crearlo solo CSS… puedes editar este código a tu gusto (para modificar su posición, tamaño, colores, velocidad, etc)