async finishAnimation() {
            // complete the bar
            if (!this.hidePercent) {
                this.HTMLprogress.innerText = this.finishedMessage || '100%'
            }
            this.HTMLprogress.style.width = '100%'
            this.HTMLouterPercentage.style.width = '0%'

            // Some css to make the loading bar appear to fade out after a while
            this.HTMLreference.classList.add('fadeOut')

            // remove the loading bar from the HTML DOM
            setTimeout(() => this.cancelBar(), 2000)
        }
/**
         * Fill the bar to 100%, fades it out, and removes it from the DOM and active progress bars
         */
Fill the bar to 100%, fades it out, and removes it from the DOM and active progress bars
Fill the bar to 100% fades it out and removes it from the DOM and active progress bars
async finishAnimation() {
            if (!this.hidePercent) {
                this.HTMLprogress.innerText = this.finishedMessage || '100%'
            }
            this.HTMLprogress.style.width = '100%'
            this.HTMLouterPercentage.style.width = '0%'
            this.HTMLreference.classList.add('fadeOut')
            setTimeout(() => this.cancelBar(), 2000)
        }
async finishAnimation ( ) { if ( ! this . hidePercent ) { this . HTMLprogress . innerText = this . finishedMessage || '100%' } this . HTMLprogress . style . width = '100%' this . HTMLouterPercentage . style . width = '0%' this . HTMLreference . classList . add ( 'fadeOut' ) setTimeout ( ( ) => this . cancelBar ( ) , 2000 ) }
Fill the bar to 100%, fades it out, and removes it from the DOM and active progress bars
Fill the bar to 100% fades it out and removes it from the DOM and active progress bars
// complete the bar // Some css to make the loading bar appear to fade out after a while // remove the loading bar from the HTML DOM