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

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Progress Bar With Percentage Read On Scroll

This code extends the code in this tutorial which adds a horizontal scroll bar at the top of the Genesis site header.

The jQuery includes dynamic text for the percentage scrolled which is added in the bar like this :

Watch Demo Video #

Shows the horizontal progress bar with percentage scrolled in the bar.

Tested using the Genesis Sample child theme by StudioPress.

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

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.