Now this is driving me nuts... I have lost the sliders again.
Here is the code that I used.
<div class="abilities_wrap">
<div class="abilities_left">
<p>As Ellie searches from her mother she encounters different animals and askes for their help to no avail. </p>
<p>Whom do you think would help her find her mother in the end? <br />
<br />
</p>
</div>
<div class="abilities_right">
<div class="progress_bar">
<div class="progress_bar_title">The Lion?</div>
<div class="progress_bar_percentage">60%</div>
<br />
<div class="progress_bar1">
<div class="progress_bar2" style="width:60%;" data-sr="enter left, over 1.5s, opacity 1, move 700px"></div>
</div>
</div>
<div class="progress_bar">
<div class="progress_bar_title">The Hyenas?</div>
<div class="progress_bar_percentage">75%</div>
<br />
<div class="progress_bar1">
<div class="progress_bar2" style="width:75%;" data-sr="enter left, over 1.5s, opacity 1, move 700px, wait 0.2s"></div>
</div>
</div>
<div class="progress_bar">
<div class="progress_bar_title">The Beaver</div>
<div class="progress_bar_percentage">70%</div>
<br />
<div class="progress_bar1">
<div class="progress_bar2" style="width:70%;" data-sr="enter left, over 1.5s, opacity 1, move 700px, wait 0.4s"></div>
</div>
</div>
<div class="progress_bar">
<div class="progress_bar_title">An Unexpected Fruiend?</div>
<div class="progress_bar_percentage">95%</div>
<br />
<div class="progress_bar1">
<div class="progress_bar2" style="width:95%;" data-sr="enter left, over 1.5s, opacity 1, move 700px, wait 0.6s"></div>
</div>
</div>
</div>
<div style="clear:both;height:0px;"></div>
</div>