title: Start Animation when Scrolling to Specific Element Jquery
body: <p>Please Guys , I Tried To Make An Animation Without Plugin Or Something , But I Tried Many times but I couldn't do it ,</p>
  
  <p>That's My code , If anyone Can Solve It .</p>
  
  <p>I want The animation Start Only when The User Scroll down To The Animation Place .
  <a href="https://codepen.io/abcari/pen/pdyPjy" rel="nofollow noreferrer">https://codepen.io/abcari/pen/pdyPjy</a></p>
  
  <pre><code>$(window).scroll(function () {
  
      if ($(".skill-level").is(".htcss:visible")) {
  
          $(".htcss").animate({ width: $(".htcss").data('width') + "%" }, 
  2500);
  
      }
  });
  </code></pre>