ProgessCircle in jQuery funktioniert nicht

<div style="padding-top: 20px;">  
			<div class="firstx"></div>  
		</div>
		
		<script>
				$('.firstx').circleProgress({  
				value: 0.0,
				size: 100.0,

				startAngle: -Math.PI,

				thickness: 'auto',  

				fill: {
				},
				emptyFill: 'rgba(0, 0, 0, .1)',  
				animation: {
				  duration: 1200,
				  easing: 'circleProgressEasing'  
				},

				animationStartValue: 0.0,

				reverse: false,
				lineCap: 'butt',  
				});
		</script>

<script src="circle-progress.js"></script>  
			<script src="jquery-3.1.1.min.js"></script>