Здравствуйте! Пишу видео-плеер. Плеер почти готов, но не хватает одной детали. Не могу понять как правильно стилизовать буферизованные куски, как отлавливать TimeRanges и стилизовать их. Долго мучаюсь, много где пишут что надо как-то через "video.seekable.start(0)" и/или "video.seekable.end(0)" или "video.buffered.end(0)" но, к моему сожалению, не могу понять как оно работает. "video.seekable.start(0)"- выдает 0 сек., а "video.seekable.end(0)"- общую длину ролика в секундах, откуда брать буферизованные отрезки и стилизовать их? Надеюсь понятно все сформулировал. Буду признателен любой помощи, в идеале, конечно, хотелось бы пример видеть, через примеры лучше понимаю. Пожалуйста помогите. Ну или на крайний случай пошлите что ль... на ресурс какой??

Как активно здесь помогли решить проблему чайнику. Просто исчерпывающие советы получаю от вас (форумчан). Спасибо всем за просмотры данного поста, и за то что НИКТО не нажал кнопку "ответить". Проблему помогли решить на другом форуме:

video.addEventListener('progress', function() {
    var bufferedEnd = video.buffered.end(video.buffered.length - 1);
    var duration =  video.duration;
    if (duration > 0) {
        document.getElementById('buffered_track').style.width = ((bufferedEnd / duration)*100) + "%";
    }
});