Product Name

Contacts Profile hero

.blue-gradient class is added for demonstrative purposes only

Alexis Ohanian

CEO of Reddit

1

ACTION
SCORE

Code for stats progress bar only

Show Code
<div class="stats">
  <div class="progress round"></div>
  <div class="score centered">
    <p>0</p><span>ACTION<br>SCORE</span>
  </div>
</div>

<script type="text/javascript">
  
  $('.progress.round').cfCircleProgress({
    theme: 'nested',
    content: "<p>26</p><span>ACTION<br>SCORE</span>",
    sideSize: 150,
    lineWidth: 5,
    bars: [
      { value: 15, bgColor: '#0a5185', color: '#e4e35d' },
      { value: 88, bgColor: '#156399', color: '#2ccf70' },
      { value: 41, bgColor: '#1f71ab', color: '#9f58b6' },
      { value: 55, bgColor: '#3892d0', color: '#1ebd6e' },
    ]
  });

</script>