JSFiddle - React, Tailwind, and code Playground

by est vavivu

HTML

<script type='text/javascript'>
    //<![CDATA[
    $(document.body).append('<div id="page-loader">Loading...</div>');
    $(window).on("beforeunload", function() {
        $('#page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
    });
    //]]>
</script>

CSS

#page-loader {
    position:fixed !important;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:9999;
    background:#000 url('http://4.bp.blogspot.com/-4_hdi8Ph8fE/UYUz5HumQ7I/AAAAAAAAEBE/6KV17KP4RQg/s1600/loadinfo.net+%284%29.gif') no-repeat 50% 50%;
    color:white;
    padding:1em 1.2em;
    display:none;
}