Создание временной шкалы для видео

Question

введите описание изображения здесь Как добавить маленькие строки в элемент div согласно изображению. Рассматриваемый div - это #holder в коде ниже.

<div class="video-holder"><!-- The video-->
      <video width="100%" height="100%" controls src="videos/video 1.mp4" id="myvideo" oncanplay="myf()"></video>
</div><br>
<div id="holder"></div> <!-- The timeline div-->

function myf(){
var mydiv = document.getElementById('holder');
var myvid = document.getElementById('myvideo');
var myvidlen = myvid.duration;

var mydivwidth = myvidlen * 20;
mydiv.style.width = mydivwidth + "px";//sets the width of the timeline div

}