rstarter-supporthq/dist/siteloader.js

var preloader = document.createElement('div');
var loader = document.createElement('span');
var loading = document.createElement('i');
var style = document.createElement('style');
var dot = 0;
loader.innerHTML=`<svg version="1.1" fill="#007bff" id="loader-1" x="0px" y="0px" width="200px" height="200px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<path fill="#007bff" d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z" transform="rotate(215.225 25 25)">
<animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"></animateTransform>
</path>
</svg>`;

preloader.setAttribute('id', 'preloader');

style.innerHTML = `
#preloader{
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #ececec;
  color: #007bff!important;
  font-style: italic;
}`;
loading.innerHTML = 'loading';
setInterval(() => {
    if(dot > 3){
        dot = 0;
        loading.innerHTML = "Loading";
    } else {
        loading.innerHTML = loading.innerHTML + ".";
    } dot++;
}, 1000);
preloader.appendChild(loader);
preloader.appendChild(loading);
document.body.appendChild(preloader);
document.body.appendChild(style);
let stateCheck = setInterval(() => {
    if (document.readyState === 'complete') {
        clearInterval(stateCheck);
        document.body.removeChild(preloader);
        document.body.removeChild(style);
    }
}, 100);
var appDiv=document.createElement("div");
appDiv.setAttribute("id","app");
var sneakBar=document.createElement("div");
sneakBar.setAttribute("id","snackbar");
body.appendChild(appDiv);
body.appendChild(sneakBar);
var stylesheets=[
    "./content/bootstarp/css/bootstrap.min",
    "./content/css/default"
];
var head=document.getElementsByTagName("head")[0];
//appanging
stylesheets.forEach(function (e) {
    let link=document.createElement("link");
    link.setAttribute("rel","stylesheet");
    link.setAttribute("href",e+".css");
    head.appendChild(link);
})
//append script
var scripts=[
    "./content/js/jquery.min",
    "./content/bootstarp/js/bootstrap.min",
    "./content/js/font-awosome",
    "./content/js/site",
    "./content/js/bundle"
]
scripts.forEach(function (e) {
    let script=document.createElement("script");
    script.setAttribute("src",e+".js");
    body.appendChild(script);
})