Requires spin.js. Custom loading spinner
function mySpin(color, el) {
var opts = {
"color": color,
"lines": 11,
"length": 1,
"width": 52,
"radius": 27,
"scale": 1.25,
"corners": 0.5,
"opacity": 0.90,
"rotate": 0,
"direction": 1,
"speed": 0.9,
"trail": 29,
"top": 50,
"left": 50,
"shadow": "on",
"hwaccel": "on"
};
var spinner = new Spinner(opts);
spinner.spin(el);
var tc = new tinycolor(color);
$(spinner.el).find('div').each(function() {
var s = $(this).css('background-color');
var y = new tinycolor(s);
a = y.getAlpha();
var bg = tc.spin(10).lighten(1).setAlpha(y).toRgbString();
$(this).css('background-color', bg);
});
return spinner;
}