Scrolling progress bar

  • emanuelemn

    (@emanuelemn)


    2 years ago

    I want to make a scroll bar that changes its color in each section.

    I have this example but I can’t make the color change depending on the section where it is.

    https://codepen.io/be-key/pen/KVbdOZ

    For example, let the first dot be red, the second green, the third yellow, etc

    For example, let the first dot and the bar be red, the second green, the third yellow, etc

    Thanks for any help

Viewing 2 replies - 1 through 2 (of 2 total)
  • threadi

    (@threadi)

    How you can implement this in WordPress depends on the theme you use and possibly also the PageBuilder. There is no universal solution for this. Please show your site and give some more information so that we can help you.

    If you don’t want to do that, you can also ask a developer who can support you. You can find someone like that here: https://jobs.wordpress.net/

    Moderator bcworkz

    (@bcworkz)

    You’d essentially need to create individual progress bars for each color, each with different scroll position parameters so that when one ends the next begins.

    This isn’t the place for criticism of graphical aesthetics, but I’ll do so anyway, you’re free to ignore this. Your color change example doesn’t sound very pleasing. Perhaps you have a more pleasing color scheme in mind besides red green yellow. That these colors were just easier to explain as an example? A much easier solution would be to apply a background gradient to the entire thing. You’ll specify the beginning and ending colors. The gradient will provide a smooth transition between the two.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Scrolling progress bar’ is closed to new replies.