Preloader

<!-- preloader area start -->
    <div id="preloader">
        <div class="spinner-grow text-dark" role="status">
			<span class="sr-only">Loading...</span>
		</div>
    </div>
    <!-- preloader area end -->
* preloader */
#preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: #FFFFFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 999999;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.preloaded {
    opacity: 0;
    visibility: hidden;
}
setTimeout(function () {
      $('#preloader').addClass('preloaded');
    }, 800);
    setTimeout(function () {
      $('#preloader').remove();
    }, 2000);

Leave a Reply

Your email address will not be published. Required fields are marked *