PentahoSpinner is a thin wrapper around spin.js that we add some generic configurations for small, medium, and large spinners. For doc on spin.js check out http://fgnass.github.com/spin.js/
Example usage:
some.html
<html>
<body>
...
<div id="spinnerContainer" style="height: 32px; width: 32px;"></div>
...
</body>
</html>
your.js
pen.require(['common-ui/util/PentahoSpinner'], function(spin) {
//--------------------------------------------------------------
// var config = spin.getSmallConfig(); // 16x16 spinner config
// var config = spin.getLargeConfig(); // 48x48 spinner config
//--------------------------------------------------------------
var config = spin.getMediumConfig();
// override the color
config.color = "#555";
// override the starting top location
config.top = "-8px"
// spin.js's Spinner object has been included for us by the pen.require call to PentahoSpinner above
var spinner = new Spinner(config);
// show the spinner in your div
spinner.spin(dojo.byId("spinnerContainer"));
...
// hide the spinner
spinner.stop();
});