Es compatible con Chrome, Safari 4+, Firefox 3.5+, IE 6,7,8,9+, Opera 10.6+ e incluso Mobile Safari (iOS 4). Además todo se genera sin usar ninguna imagen. Todo por medio de HTML y CSS3.

Para iniciar el script simplemente definimos las opciones y el elemento donde se mostrara el círculo de carga. En esta caso en #foo.

 var opts = {
  lines: 12, // The number of lines to draw
  length: 7, // The length of each line
  width: 5, // The line thickness
  radius: 10, // The radius of the inner circle
  color: '#000', // #rbg or #rrggbb
  speed: 1, // Rounds per second
  trail: 100, // Afterglow percentage
  shadow: true // Whether to render a shadow
};
var target = document.getElementById('foo');
var spinner = new Spinner(opts).spin(target); 

Para detener el círculo disponemos del método Stop().