向后滚动的动画进度表

Question

我正在做'动画滚动的进度条动画，我使用了来自Darren的大量代码，我正在使用航点，我希望坚持Jquery在航点之间上班，有点做，但倒退了！

以下是代码：

<div class="goals" id="PB">
<div class="wh-align">
    <div class="meter">
        <span style="width: 40%"></span>
    </div>
</div>
</div>

var waypoint = new Waypoint({
element: document.getElementById('PB'),
handler: function() {
$(function() {
$(".meter > span").each(function() {
    $(this)
        .data("origWidth", $(this).width())
        .width(0)
        .animate({
             width: $(this).data("origWidth")
             }, 1200);
});
});
},
offset: '40%'
})

Fiddle here - 我不确定我是否正确上传了航点！