🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A jQuery plugin used to create a Google Material Design inspired loading spinner using SVG and CSS3 transforms.

loading-spinner Material-Design

Documentation

Material Spinner

A jQuery based Material Design Spinner.

Install

Install via npm

npm install material-spinner 

or just download it.

Include the script after jquery

<script src="path/to/jquery.min.js"></script> <script src="path/to/material.spinner.min.js"></script>

or require it in CommonJS.

var $ = require('jquery'); require('material-spinner');

Usage

via Data API

<div id="spinner" data-spinner='{"radius": 25}'></div>

via Javascript

$('#spinner').spinner({radius: 25});

Options

Name dafault description
radius 25 Optional, in px
strokeWidth 5 Optional, in px
duration 2 Optional, in seconds. Represent the duaration of a round
color '#3f88f8' Optional. MUST BE a valid color hex string

You May Also Like