title: how to change the width of a <hr> element in one direction?
body: <p>I am trying to change the width of a <code>&lt;hr&gt;</code> element with jQuery but it changes the width in 2 directions. I only want it to stretch to the right side. the variable food.runningDistance changes when I do some actions on my application.  Code :</p>
  
  <p>html : </p>
  
  <pre><code>&lt;hr id="runningLine"&gt;
  </code></pre>
  
  <p>javascript : </p>
  
  <pre><code>$("#runningLine").animate({width: food.runningDistance}, 500);
  </code></pre>