Spin.js - Exampe for issue #145

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

HTML

<script src="http://fgnass.github.com/spin.js/spin.js"></script>
<div id="spin">Loading</div>

CSS

#spin {
    position: relative;
    width: 150px;
    padding: 80px 0 20px 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.6);
    color: orange;
    font: 20px Arial;
    border-radius: 10px;
    top: 50%;
    left: 50%;
}

JavaScript

var spinner = new Spinner().spin();
var target = document.getElementById('spin');
target.appendChild(spinner.el);