<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <script src="jquery.circle.js"></script> <script>  	// dom ready 	$(function(){  		var elements = $('.circle').circle( { /* global options */ } );  	}); </script>

{ 	color: 'red',                       /* fill color */ 	graduation: 4,                      /* amount of circles */ 	graduationHighlight: 2,             /* highlight circle, get the css class "circle__highlight" */ 	fill: 0,                            /* initial fill */ 	animateDuration: 1000,              /* duration of the animation */ 	animateDelay: 0,                    /* delay of the animation */ 	 	// callbacks 	// The animationComplete function not works with duration 0 	animationComplete: function(){},    /* fired after animation */ 	create: function(){}                /* fired after create */ }

// set function: (fill, duration, delay, color) elements 	.eq(0) 	.data('circle') 	.set(5) 	;