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