29 lines
722 B
JavaScript
29 lines
722 B
JavaScript
|
'use strict'
|
||
|
|
|
||
|
|
function Progress (radius = 15) {
|
||
|
|
this.wrapper = null
|
||
|
|
this.progress_bar = null
|
||
|
|
|
||
|
|
this.install = function () {
|
||
|
|
this.wrapper = document.createElement('div')
|
||
|
|
this.wrapper.setAttribute('class', 'progress')
|
||
|
|
|
||
|
|
this.progress_bar = document.createElement('div')
|
||
|
|
this.progress_bar.setAttribute('class', 'bar')
|
||
|
|
|
||
|
|
this.wrapper.appendChild(this.progress_bar)
|
||
|
|
|
||
|
|
return this.wrapper
|
||
|
|
}
|
||
|
|
|
||
|
|
this.update = function (value, limit = 0) {
|
||
|
|
if (limit === 0) { value = 0; limit = 1 }
|
||
|
|
const min = 0
|
||
|
|
const max = 130
|
||
|
|
const pixels = Math.floor(((value / limit) * max) + min)
|
||
|
|
const ratio = (value / limit)
|
||
|
|
const perc = ratio * 100
|
||
|
|
|
||
|
|
this.progress_bar.style.width = `${perc}%`
|
||
|
|
}
|
||
|
|
}
|