<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<div id="shiva"><span class="count">200</span><br><font>Юзеров</font></div>


<div id="shiva"><span class="count">20</span><br><font>Курсов</font></div>


<div id="shiva"><span class="count">120</span><br><font>Пройденных курсов</font></div>




<script type="text/javascript">
    $('.count').each(function () {
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 2000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
        }
    });
});
</script>

<style type="text/css">
    #shiva
{
  width: 300px;
    height: 300px;
    background: tomato;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 150px;
  float:left;
  margin:5px;
}
.count
{
  line-height: 100px;
  color:white;
  margin-left:65px;
  font-size:25px;
}

font
{
  line-height: 100px;
  color:white;
  margin-left:10px;
  font-size:15px;
}
#talkbubble {
   width: 120px;
   height: 80px;
   background: red;
   position: relative;
   -moz-border-radius:    10px;
   -webkit-border-radius: 10px;
   border-radius:         10px;
  float:left;
  margin:20px;
}
#talkbubble:before {
   content:"";
   position: absolute;
   right: 100%;
   top: 26px;
   width: 0;
   height: 0;
   border-top: 13px solid transparent;
   border-right: 26px solid red;
   border-bottom: 13px solid transparent;
}

.linker
{
  font-size : 20px;
  font-color: black;
}
</style>