Scroll indicator using jQuery

scroll-indicator.html

<header>
	<div id="scroll-indicator"></div>
</header>

<script>
$(window).scroll(function() {
	let $scrollHeight = $(window).scrollTop();
	let $docHeight = $(document).height() - $(window).height();
	let $percentage = ($scrollHeight / $docHeight) * 100;
	$('#scroll-indicator').css('width', $percentage + '%');
});
</script>

<style>
#progress-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 6px;
	background-color: black;
}
</style>