JQuery Animate Not Working In IE

I have a bar graph that works perfectly in firefox & chrome, but doesn't in internet explorer. Anyone help me out? Thank you. http://jsfiddle.net/FkUYf/6/ $(document).ready

Solution 1:

Try this:

   $(document).ready(function(){
        $(document).scroll(function() {
            var top = $(document).scrollTop();
            console.log(top);
           if (top > 300) {
                          $("#html, #css").animate({width:"100%"}, 2000)
                          $("#javascript").animate({width:"40%"}, 2000);
                          $("#php").animate({width:"50%"}, 2000);
                          $("#mysql").animate({width:"30%"}, 2000);
                          $("#wordpress").animate({width:"60%"}, 2000);
          }
        });
    });