Navbar highlight for current page

Question

I was wondering how I would add the ability to add a highlight box the nav bar on the page your currently on. You know so people know what page their on.

Very much like

Answer 1

If you have the same navigation bar in each HTML page of your website, then you can do like this:
For example in index.html add class='active-page' to the first menu item:

    

        
Home
        
Status
        
Info

Then in the status.html add class='active-page' again but for the second item:

    

        
Home
        
Status
        
Info

And do this for all of your pages.

Finally in your css write a class for active-page like this:

#nav_bar ul li a.active-page
{
  background-color:blue;
}