Как задать стили?

Question

[Турар Абу]

Привет! Помогите пожалуйста с проблемой в дизайне.

Для элемента прикрутил , а теперь для него нужно задать стили, как на этой картинке

Но даже понятия не имею, как это реализовать. Подскажите что-нибудь?

P.S. Скрипт работы сделал на чистом JS, так что не хотелось бы подключать какой-либо библиотеки.

Answer 1

[Никита К.]

Можно было бы использовать псевдоэлементы, но вам необходимо же обращаться при помощи js, так что попробуйте вот так codepen.io/Karpov/pen/vObxLg?editors=110

Comments

[Турар Абу]

Для этого мне потребуется знать, сколько секунд было скачено, чтобы задать серую полосу. Каким методом это можно узнать?

[Никита К.]

Я вас не понял...

[Турар Абу]

Никита К.: уже нашел ответ. Воспользовался $media.buffered.end(0);