Progress bar using javascript

[samuels87966789]

Hello to everyone, I was wondering if it is possible to insert in Captivate a progresse bar (disabling the default one) with js code, pointing a html/css file for more customization. On internet I saw that only the progress bar from Cluelabs is working.. 

[Paul Wilson CTDP]

I think James talks about it in his video here:

https://elearning.adobe.com/2020/06/javascript-in-elearning-for-beginners-workshop/

[samuels87966789]

Hmm.. no, I can change the .png of all the buttons but I could't find a way to change for example the "Glow" part of the playbarSlide. I have tried    $( "#playbarSlider" ).css({background: "orange"}); but the bar didn't change the color.. Do you know the correct method to do it?

[Paul Wilson CTDP]

No sorry, James is the real JavaScript expert. 

[TLCMediaDesign]

Some of these things are images, not actual background colors.

You can use the skin editor to change most of this.

You can create your own using JS an controlling an image to depict progress per slide or for the whole course using the slide enter event in JS.

Your question n what you really want to do is not clear since you mention change the glow, background color or changing the default playbar.

[samuels87966789]

I don't kow how to insert a custom progress bar (or modify the existing one) with JS. @TLCMediaDesign do you have some guides/commands on how to do it? With skin editor you can't change the form of the progressbar or add "candy" style effect