$(document).ready(function () {
    "use strict";
    var $s1 = $("#Section01");
    $s1.waypoint(function(direction) {
        if (direction === 'down') {
             $('.skillbar01').each(function () {
                $(this).find('.skillbar-bar').animate({
                    width: $(this).attr('data-percent')
                }, 3000);
            });
        } else {
            
            
        }
    }, { offset: '100px'});
    
});
/* --------------------------------------- */