title: Animate LENGTH of border-bottom
body: <p>I have a navbar. On hover of any of it menu item I want to have the exact same effect of border-bottom animation as in <a href="http://matthewhartman.github.io/base/" rel="nofollow">here</a> (See how the border or menu items at the top-left animates when you hover them.)</p>
  
  <p>I tried to find similar asked questions on stackoverflow and also on google but I didn't find anything helpful.</p>
  
  <p>Any help is really appreciated. </p>