Hey Guys
So I am creating a testimonial page with three testimonials linked to three different people. A lottie animation showcasing the progress of each testimonial plays on page load.
Now When I click on a particular person, I want the page load animation to stop and a mouse click animation to trigger basically doing the same thing as the page load animation but on that particular element. I then want the page load animation to continue.
Currently I have the page load animation sorted and playing in a loop. But once I trigger the mouse click animation on a particular element (person), it works but the page load animation still keeps playing in the background and overlaps with the mouse click animation.
How do I solve this?
Here is my public share link: https://preview.webflow.com/preview/wingman-dc8480?utm_medium=preview_link&utm_source=designer&utm_content=wingman-dc8480&preview=8f56654dd55139bfbec88c050d7ee90e&workflow=preview
Just let the progress bar play out once and then click on the first person’s testimonial and you’ll get what I mean.