JavaScript Change the colour of video progress bar based on seconds. eg : Colour red from 1 to 2 seconds, blue from 2 to 5 seconds

[Manohar Ganganna]

I am new to web development. I have created a custom video player. I want to change the colour f the vide progress bar dynamically. I am training an ML model which gives output as follows: [('music', 0.0, 14.64), ('noEnergy', 14.64, 14.98),('male', 0.0, 14.64), ('female', 14.64, 14.98)]

I am suppose to change the colour of my video progress for male = red, female = blue.

I can pass this to my html file.

Can someone please help me how t change colour of progress bar dynamically.

I have created the custom video player using the below link :

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies