19 / 20

Progress Bar in JavaScript

Create a progress bar component

BeginnerMini ProjectsExample 19 of 20

progress-bar.js

1class ProgressBar {
2    constructor(max) { this.value = 0; this.max = max; }
3    setValue(value) { this.value = Math.min(value, this.max); }
4    getPercentage() { return (this.value / this.max) * 100; }
5}

Output

// Progress bar

What's going on

Progress Bar shows completion progress.

PreviousData Table with Sort/Filter NextInfinite Scroll