GSAP Articulate Storyline 360 Restart Issue

Basically Storyline is not aware of anything you do with Javascript and/or GSAP. So several options to work around that. Using Storyline variables to store state of SL is the easiest, and then use that. If you share a Storyline file i can check ( when time permits ).

Kind regards,
Math

Just a bit of an update. I've tried applying the progress bar and the same code on a fresh 5 slide storyline file and it works fine there. (although there is an issue once you restart the course, arrive at slide 1, then press previous button, it goes back to slide 5, then when you press back again, upon reaching slide 4 you'll see the progress bar resumes from before and is not reset, not sure why that is)
https://www.mediafire.com/file/mhnmgdsdp1cdnru/Untitled1.zip/file

Either way I'm still not sure why it won't work on our main file. 

This is your published folder. If you want me to check the issue i need a .story file with the issue clearly showing. No need for a complete project...just a few slides and a clear description what is expected, and whats wrong.

Can you limit the Storyline so its smaller and publishes faster to just showing the issue? Or make a simple dummy without much content... 2, 3 slides should suffice. As is this is far too big for me to publish and debug... my time is limited alas.

Does publishing this take ages on your end too ?

I took a quicklook at your file. If I understand your question, you want the progress bar to respond to moving backwards through the slides as well as forward, and you want it to reset when you click Home to return to the intro slide.

Some issues I see:

First, on the master slide, SL_currentslide should probably be set to Project.SlideNumber instead of Project.SlidesViewed

Next, in the script on that same slide, in the updateSVGRectangle function:

Under if (isSlideExcluded(JS_currentSlide))  and if (currentProgress < maxProgress):

You reset currentProgress  to maxProgress. Try commenting these out.

Since you reset currentProgress whenever it decreases, your progress bar never goes down.

Changing these 3 things causes your progress bar to track forward and backward, and reset when you click Home.

Finally, the only other issue is the backward animation. You're using gsap.fromTo(), so the bar is starting at the previously higher value and then decreasing. That may be fine to indicate that your going backward. If you don't want that, you will need to modify the animation function or logic to suit your needs.

A simple solution would be, at the end of the updateSVGRectangle function, to set SL_lastProgress to currentProgress instead of maxProgress. This way, the previous progress variable points to the last slide you visited, and you can animate from there. 

That may or may not work for the rest of your needs.

I have attached a .story file with all of the above modifications (marked with a string of asterisks in the script).

Demo: https://360.articulate.com/review/content/db892958-dc47-450b-8a69-58e77017b0b7/review