Skip to content

Instantly share code, notes, and snippets.

@Marian0
Last active October 16, 2015 14:05
Show Gist options
  • Save Marian0/3f00b233b3a1b7547540 to your computer and use it in GitHub Desktop.
Save Marian0/3f00b233b3a1b7547540 to your computer and use it in GitHub Desktop.
Overlay Loading CSS

#CSS

#ajaxLoadOverlay{
    background: rgba(0, 0, 0, 0.8) url('../images/ring-alt.svg') no-repeat scroll center center;
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1001;
}

#HTML

<div id="ajaxLoadOverlay"></div>

#JS

//Show
$('#ajaxLoadOverlay').fadeIn();

//HIde
$('#ajaxLoadOverlay').fadeOut();
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment