Spin.js - Exampe for issue #147

https://github.com/fgnass/spin.js/issues/147

HTML

<script src="http://fgnass.github.com/spin.js/spin.js"></script>
<script src="http://fgnass.github.io/spin.js/jquery.spin.js"></script>
<div id="overlay">
<div id="overlay_center"></div>
</div>

CSS

#overlay {
display: none;
background-color: grey;
position: fixed;
left:0;
top:0;
height:100%;
width:100%;
opacity: 0.5; /* also -moz-opacity, etc. */
}

#overlay_center {
background-color: black;
opacity: 1;
position: absolute;
left:50%;
top:50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
}

JavaScript

$('#overlay').show()
$('#overlay_center').spin({color: '#fff'})