How can I replicate a slide progress bar in the Motion Theme?

Store Design

Topic summary

A user wants to implement an animated progress bar for image sliders, similar to Instagram Stories, where a bar fills over 5 seconds before advancing to the next slide.

Current Status:

  • Another user suggested using the Slick carousel library (https://github.com/kenwheeler/slick) as a potential solution
  • The original poster is asking for clarification on which theme asset file to modify for implementation

Key Question:
The discussion remains open with the technical implementation details still being worked out—specifically where in the theme files to add the code.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

Hey guys, I’ve seen an interesting JS feature in another shopify store and I’d be interested in replicating it. It’s an animated slide navigation progress bar, the bar moving across for 5 seconds before the next slide starts. Pretty much the same thing as the bar at the top of an Instagram Story.

My store link: roampro.store

2

Hi @roampro

You can add slider on this way please check this link

3

Which asset do I add this to?