Storyline 360 Module Player Seekbar

Hello Mansh!

Thanks for sharing those images! I see what you're interested in changing.

As of now, the seekbar dimensions are not customizable. I've seen great workarounds where people have created their own progress bar! Check out this discussion for inspiration.

Hi Manish,

If you want to customize the seek-bar to match with the width of the content area as shown in the screenshot you shared, below is a JavaScript to do that.

Add the below script on all slides under Executive JavaScript trigger and publish the course.

---------------------------------------------------------------------------------------------------------------------------

window.addEventListener("resize",function(){

resizeBottomBar();

});

function resizeBottomBar(){

try{
var sl_w = $('.slide-container').width();
$('.control-bar,.grid-row').css({'width':sl_w+'px','margin':'0 auto','max-width':'auto'});

$('.control-bar').css({'position':'absolute',left:0,top:0});

}
catch(e){}

}

resizeBottomBar();

Thank you Mayuresh saka ! Unfortunately, the Javascript doesn't work for me. As Manish, I would change the seekbar dimension to match my course dimension. In addition, i'm looking for a way top align the seekbar on top, to be close to the module. Thank you.

Maybe an idea from someone in the Articuate Staff?

I'm looking forward to hearing how our community members customize the seekbar in Storyline 360! Javascript is outside of our wheelhouse of support, so I'll let the experts assist!