See the Pen Simple Half Circle Preloader – CSS by Animated Creativity (@animatedcreativity) on CodePen.
Very simple, yet good looking preloader made purely in CSS. As its very light weight, just show it behind an image, it will look like its showing until image is loaded. No JS needed.