Circle Progress bar

by Faisal Khan Janjua

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-circle-progress/1.2.2/circle-progress.min.js"></script>

<div></div>

JavaScript

$('div').circleProgress({
  size:174,
  value: 0.75,
  fill: '#F99',
  thickness: 8,
  startAngle: -Math.PI / 2,
  lineCap: 'round',
  emptyFill: 'rgba(0, 0, 0, .05)'
});



var dataV = [{ y: 34, color: '#FDAB0A' }];
var dataD = [{ y: 44, color: '#B90011' }];
var dataS = [{ y: 54, color: '#505154' }];