Skip to main content
Solved

How to add a horizontal progress bar at the top of a page


Nathan_Davey

Hello all! I have a question

I would like to create a progress bar at the top of a page, so that when you scroll down, it fills up the further down you go - giving the user a sense of where they are on the page (e.g. like the site on this link - Top 8 Best Recipe Websites (to Search Food Databases) [2021] | RapidAPI) . I was wondering, is this possible? And if so, how do I do it?!

Many thanks

Best answer by Gleb

In Figma there is no way to attach actions to scroll. So I’d recommend to simply create a static mockup of this progress bar and let the developers know how it needs to be implemented. And there is usually no need to prototype such a small detail. But if you really-really need it, you can switch to ProtoPie or Framer for prototyping.

View original
This topic has been closed for comments

2 replies

Gleb
  • Power Member
  • 4706 replies
  • Answer
  • March 7, 2021

In Figma there is no way to attach actions to scroll. So I’d recommend to simply create a static mockup of this progress bar and let the developers know how it needs to be implemented. And there is usually no need to prototype such a small detail. But if you really-really need it, you can switch to ProtoPie or Framer for prototyping.


I don’t supposed a scroll “trigger action” is coming to Figma anytime soon.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings