Header Underline Active Item Using CSS

Create an Indicate Active Link program. Basically, there is a dummy text for LOGO and 5 navigation items or links. Below the navigation items, there is a light color line with the first item to last item placement. But the selected or active nav link has a blue underline, it helps to detect the currently active link. When you will click on another link then the blue underline will go and active that selected nav item. Also, the hover effect is similar, on hover the hovered item’s underline will blue and all other items will fade.

You can use this program on your website otherwise, you can customize it to creating better.