Ребят хелп выручайте, весь день ищу пытаюсь не могу новичек. Суть такова Надо чтобы вот внутри этого круга желтый бордер был пустым изначально, а при запуске странице начинал заполнятся и становиться как у меня на фото. ПОЖАЛУЙСТА, заказ не могу сделать!!
<header>
<nav>
<div class="container-fluid">
<div class="row">
<div class="vector col-lg-1 col-md-1 col-sm-1">
<a href="#"><img src="img/icon-top.png" alt="">
</a>
</div>
<div class="learn col-lg-2 col-md-1 col-sm-2">
<div class="anim"><a href="#">Обучение
</a>
</div>
</div>
<div class="vkont col-lg-3 col-md-2 col-sm-3">
<div class="anim1"><a href="#">мы Вконтакте / инстаграм</a></div>
</div>
<div class="number pull-right col-lg-6 col-md-8 col-sm-6">
<div class="but-text">
<i class="fa fa-mobile mobile" aria-hidden="true"></i><a href="tel:89268985928" class="tel">8 (926) 898 59 28</a>
<span>Отвечаем в</span><i class="fa fa-volume-control-phone icon-two" aria-hidden="true"></i><i class="fa fa-whatsapp icon-two" aria-hidden="true"></i>
</div>
<div class="but">
<button class="sub">Перезвоните мне</button>
</div>
</div>
</div>
</div>
</nav>
<div class="container back-nav">
<div class="row">
<div class="col-md-6 left-menu">
<h1 class="numb">01</h1>
<h1 class="caption">Авторские курсы по наращиванию<br>ресниц</h1>
<p>Всего за 9 часов теории и практики<br>вы сможете зарабатывать<br>от(10 000) руб. в месяц!</p>
</div>
<div class="col-md-6">
<div class="bord">
<div class="bord2" data-progress="0">
</div>
</div>
<h1 class="round">01</h1>
</div>
</div>
</div>
</div>
</header>
<img src="https://habrastorage.org/web/ea4/557/2bb/ea45572bbbc04dadb2cceecdd384437e.png" alt="image"/>