<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)
	;