donsol-js/sources/scripts/gage.progress.js
2020-04-16 19:53:23 +09:00

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}%`
}
}