Added video progress bar

scripts/Actions/Video.ts

@@ -9,10 +9,30 @@ export function playVideo(arn: AnimeNotifier, video: HTMLVideoElement) {
 		return
 	}
 
-	video.addEventListener("loadeddata", () => {
+	video.addEventListener("canplay", () => {
 		togglePlayVideo(video)
 	})
 
+	let progressElement = video.parentElement.getElementsByClassName("video-current-progress")[0] as HTMLElement
+	let timeElement = video.parentElement.getElementsByClassName("video-time")[0]
+
+	video.addEventListener("timeupdate", () => {
+		let time = video.currentTime
+		let minutes = Math.trunc(time / 60)
+		let seconds = Math.trunc(time) % 60
+		let paddedSeconds = ("00" + seconds).slice(-2)
+		timeElement.textContent = `${minutes}:${paddedSeconds}`
+		progressElement.style.transform = `scaleX(${time / video.duration})`
+	})
+
+	video.addEventListener("waiting", () => {
+		arn.statusMessage.showInfo("Buffering...", -1)
+	})
+
+	video.addEventListener("playing", () => {
+		arn.statusMessage.close()
+	})
+
 	video.load()
 }