JSFiddle

  • Animated GIF spinner #30 is the latest revision

    Uses dataURI, no HTTP request necessary

    <div class="ui-spinner">
        Loading...
    </div>
  • Pure CSS spinner

    Uses border radius, parametrized with LESS

    /*
        Testing purposes only - LESS support to JSFiddle
    */
    $('head style[type="text/css"]').attr('type', 'text/less');
    less.refreshStyles();
  • Pure JavaScript spinner #20 is the latest revision

    Uses canvas element

    // Reusable spinner functionality
    (function (window) {
        // spinner constructor
        var Spinner = function Spinner(node, customOptions) {
                var key;
                // replace the default options with ...