• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

Show Progress Bar On Scroll Before Header In Genesis

This download provides which which adds a progress bar displayed on scroll.

The progress bar accurately indicates how much of the page has been read/scrolled as you can see in the demo video.

Watch Demo Video #

Tested using the Genesis Sample child theme by StudioPress which includes the fixed site header.

The progress bar container is only output on page scroll meaning the 8px height is only added when the progress bar is displaying.

Installation #

There’s 3 steps relating to usage of the code in the download folder.

Step 1 : Copy & paste the PHP code from the functions.php file to the end of your child themes functions file or template file.

Register or login to access the download folder :

Register for full access

Related Tutorials

  • Add Percentage % To Progress Bar On Scroll

jQuery Scroll

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.