Hello! Complete novice over here!
I have jumped into the deep end on my first design! My inspiration is the home page of this website: https://natureofthings.com/
I am trying to animate the progress bar to match with the slider change. I can get the first progress bar to work and from there it’s brain melt for me. I researched the forum and I believe this has been solved before, but unfortunately the links/videos are no longer active.
Another hiccup, is trying to set the animation bars to be the same width. When I change the paragraph text above, then the progress bar resizes to the max width of the text. If I set a PX width then does this create issues for responsiveness?
The responsive design is also a steep learning curve… I am hoping that by using a grid I’ll be able to adjust the formatting easily, but I’m not sure if the current set up is going to undermine this? Elements are already cutting off rather than adjusting responsively?! Any tips about where I’m going wrong would be hugely appreciated.
Many thanks to whoever out there is willing and able to help a rookie…