the answer for all question about Oxygen Builder plugin and WordPress

Hey guys, I created this section using 4 divs with :before and :after pseudos. I


Hey guys, I created this section using 4 divs with :before and :after pseudos. I’ve added fade in animations on each step, which gives it a nice little effect. But how would y’all add an animated line that goes through the light grey progress bar line? I want it to fill in like so:

I think that I can use this code but my problem is that my progress bar is not a straight line, but one that curves around.



Source

3 Comments
  1. Jean-Marc Lagacé says

    Maybe if you set 7 animations, 5 for the straight lines two for the curves with a delay allowing the previous animation to complete it will give the illusion you are looking for…

  2. David Ross says

    Sorry, not an answer, but I’m interested as to what you will do with mobile and this design?

  3. Alan Hysinger says

    AfterEffects / Lottie or maybe investigate if SVG is suitable and then take the learning curve.

Leave A Reply

Your email address will not be published.

Oxyrealm Docs