As usual, Webflow has a good tutorial for creating a reading line with the CMS. However, the tutorial on this subject is known to be out-of-date with the new Designer.
I know this has been addressed by Webfow. With that in mind, this bug request is a feature request, and a university course that needs a fix, and soon.
When I create the page scroll animation, I get a tweening keyframe error for X and Y, does someone know how I can fix that easily?
Thanks for the feedback! Our Education team is working hard to keep those videos and articles updated, and we appreciate your patience on that
In regards to this specific issue, can you please share your Read-Only link? If you can also provide screenshots or screen recordings of what you see on your end, that would be very helpful too. CloudApp or Quicktime work well for this.
So there was a blog post on how to do a progress bar with the “new designer” https://webflow.com/blog/build-a-page-progress-bar . To fix what you have you have to set your progress bar to position fixed on the top left. Then on the scroll animation you have to use size instead of scale, so it is size 0% at the beginning of the page and size 100% at the end of the page. I hope this helps.
Got it @Avi_Lambert, but if you want to get your progres bar to work you just have to do a couple of changes to your current set up, like I explained on the previous comment. Let me know if you get your progress bar to work.