Simple progress bar logic with materializecss.com and jQuery

index.html

<div id="progress" class="progress">
  <div id="progressBar" class="determinate" style="width: 0%"></div>
</div>

logic.js

const progress = {
  init: function(steps) {
    this.step = 100 / (steps);
    this.status = 0;
    this.advance();
  },
  advance: function() {
    this.status += this.step;
    console.log(`Progress: ${this.status.toFixed(2)}%`);
    $('#progressBar').css('width', this.status + '%');
    if (this.status > 99) {
      $('#progress').addClass('hide');
    }
  }
};

// Use with total amount of steps, initialization included
progress.init(3);
// do stuff
progress.advance();
// do stuff
progress.advance();