I found a very interesting Codepen code(by Andy Pages) where a developer has developed a loader which can be used on any webpage where we load some resource either from the database or some other source which takes some time and we want to show a good loading image. In such cases generally developers use some .gif images which are often called loader gifs.
Also, post the creation of CSS frameworks like Bootstrap, loaders have been integrated into the CSS and are directly available to be used without adding any image etc.
So here is the code for the amazing Lightsaber style loader.
See the Pen
Lightsaber Progress (React, CSS) by Andy Pagès (@andyNroses)
on CodePen.
Do share with us the link of your webpage where you use it(if you use it). Also, don't worry if you do not know SCSS, its similar to CSS and if you try you can easily convert the SCSS code to CSS.
