JavaScript - Barra de progreso para <video>

video.addEventListener("seeking", function () {

    console.log('Se esta buscando en el video', this.currentTime);

});

<style>

	#barra{

		border:solid 1px #ccc;

		width:500px;

		height:5px;

	}

	#progreso{

		background-color:#0F0;

		height:100%;

		width:0;

	}

</style>

<div id="barra">

	<div id="progreso"></div>

</div>

<script>

	document.getElementById('barra').addEventListener('click', function(){

		document.getElementById('progreso').style.width=event.layerX-this.offsetLeft;

	});

</script>