title: YouTube-like progress bar
body: <p>I am trying to make a YouTube-like progress bar. The bar should load at the page startup. I have tried this so far. Here is the code of my script</p>
  
  <pre><code>$({property: 0}).animate({property: 105}, {
      duration: 4000,
      step: function() {
          var _percent = Math.round(this.property);
          $('#progress').css('width',  _percent+"%");
          if(_percent == 105) {
              $("#progress").addClass("done");
          }
      },
      complete: function() {
          alert('complete');
      }
  });
  </code></pre>
  
  <p>I am also including the <a href="http://jsfiddle.net/" rel="noreferrer">jsFiddle</a> of the same, <a href="http://jsfiddle.net/ajaSB/3/" rel="noreferrer">http://jsfiddle.net/ajaSB/3/</a>.</p>
  
  <p>In this jsfiddle, the progress bar appears, but when I use the same code in my IDE and run the file no progress bar appears. What am I doing wrong? Or if there is another way to get the bar?</p>