This is a dead simple content placeholder loader inspired by this article.
https://linways.github.io/simple-content-placeholder/
Just download and include content-placeholder.min.css inside <head> tag of your HTML page. You can even copy and paste the content inside a <style></style> tag for faster loading. (Its really light weight, ~30 lines of css unminified).
To add the placeholder, just insert this span tag wherever you require.
<span class="content-placeholder" style="width:50px;"> </span>Don't forget to change the width as required.
You can also use the class content-placeholder on any element to add the cool loading animation.
<div class="col-md-4 content-placeholder"></div>Author of this article.