Javascript to jQuery help?

Javascript to jQuery help?

  1. window.onscroll = function() {
  2. progress()
  3. };

  5. function progress() {
  6.   var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
  7.   var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
  8.   var scrolled = (winScroll / height) * 100;
  9.   document.getElementById("myBar").style.width = scrolled + "%";
  10. }
I thought something like this might work :

  1. jQuery(document).ready(function($) {

  3. $(document).on( 'scroll', function() {

  5. if ( $(document).scrollTop() * 100 ) {

  7.  $( '#myBar' );

  9. });