Following Crusor Menu

HTML

<nav>

<ul>

<li><a href="#">item 1</a></li>

<li><a href="#">item 2</a></li>

<li><a href="#">item 3</a></li>

<li><a href="#">item 4</a></li>

<li><a href="#">item 5</a></li>

</ul>

</nav>

CSS

*{box-sizing:border-box}

body{font-family:'Open Sans';background:#181818;margin:0;color:#000}

nav{height:50px;width:525px;padding:0 50px;margin:20px auto;line-height:50px;background:#fff;text-transform:uppercase}

ul{list-style:none;padding:0;margin:0}

ul li{position:relative;display:inline-block}

ul li a{display:block;padding:0 15px;text-decoration:none;color:inherit}

ul li:last-child:after{content:"";position:absolute;width:79px;border-bottom:5px solid #FA8072;left:-331px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}

ul li:first-child:hover ~ li:last-child:after{width:77px;left:-331px}

ul li:nth-child(2):hover ~ li:last-child:after{width:75px;left:-254px}

ul li:nth-child(3):hover ~ li:last-child:after{width:96px;left:-179px}

ul li:nth-child(4):hover ~ li:last-child:after{width:83px;left:-83px}

ul li:last-child:hover:after{width:94px;left:0}

Font To face

@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff')}

@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'),local('OpenSans'),url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff')}

@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'),local('OpenSans-Semibold'),url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff')}