lib:progress bar

progress bar lib

none
2024-04-03 या दिनांकाला. सर्वात नवीन आवृत्ती पाहा.
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         progress bar lib
// @version      0.1
// @description  none
// @license      GPLv3
// @run-at       document-start
// @author       You
// @match        *://*/*
// @icon         data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAHJQTFRFAAAAEIijAo2yAI60BYyuF4WaFIifAY6zBI2wB4usGIaZEYigIoiZCIyrE4igG4iYD4mjEomhFoedCoqpDIqnDomlBYyvE4efEYmiDYqlA42xBoytD4mkCYqqGYSUFYidC4qoC4upAo6yCoupDYqmCYur4zowOQAAACZ0Uk5TAO////9vr////1+/D/+/L+/Pf/////+f3///////H4////////+5G91rAAACgUlEQVR4nM2Y22KjIBCGidg1264liZqDadK03X3/V2wNKHMC7MpF/xthHD5mgERAqZhWhfYqH6K+Qf2qNNf625hCoFj9/gblMUi5q5jLkXLCKudgyiRm0FMK82cWJp1fLbV5VmvJbCIc0GCYaFqqlDJgADdBjncqAXYobm1xh72aFMflbysteFfdy2Yi1XGOm5HGBzQ1dq7TzEoxjeNTjQZb7VA3e1c7+ImgasAgQ9+xusNVNZIo5xmOMgihIS2PbCQIiHEUdTvhxCcS/kPomfFI2zHy2PkWmA6aNatIJpKFJyekyy02xh5Y3DI9T4aOT6VhIUrsNTFp1pf79Z4SIIVDegl6IJO6cHiL/GimIZDhgTu/BlYWCQzHMl0zBWT/T3KAhtxOuUB9FtBrpsz0RV4xsjHmW+UCaffcSy/5viMGer0/6HdFNMZBq/vjJL38H9Dqx4Fuy0Em12DbZy+9pGtiDijbglwAehyj11n0tRD3WUBm+lwulE/8h4BuA+iWAQQnteg2Xm63WQLTpnMnpjdge0Mgu/GRPsV4xdjQ94Lfi624fabhDkfUqIKNrM64Q837v8yL0prasepCgrtvw1sJpoqanGEX7b5mQboNW8eawXaWXTMfMGxub472hzWzHSn6Sg2G9+6TAyRruE71s+zAzjWaknoyJCQzwxrghH2k5FDT4eqWunuNxyN9QCGcxVod5oADbYnIUkDTGZEf1xDJnSFteQ3KdsT8zYDMQXcHxsevcLH1TrsABzkNPyA/L7b0jg704viMMlpQI96WsHknCt/3YH0kOEo9zcGkwrFK39ck72rmoehmKqo2RKlilzSy/nJKEV45CT38myJp456fezktHjN5aeMAAAAASUVORK5CYII=
// @grant        none
// @namespace https://greasyfork.org/users/1184528
// ==/UserScript==
;(() => {
  var progress, innerprogress, progresstext, maxprogress1, maxprogress2
  loadlib("libloader").savelib("progress bar", { updatebar, newbar, removebar })
  const a = loadlib("allfuncs")
  function updatebar(
    i = 0,
    name = "",
    max1 = maxprogress1,
    max2 = maxprogress2
  ) {
    maxprogress1 = max1
    maxprogress2 = max2
    progresstext.innerHTML = `${i}/${maxprogress2}: ${name}`
    innerprogress.style.width =
      "calc(" + a(Number(i)).rerange(0, maxprogress2, 0, 100) + "% - 2px)"
  }
  function removebar() {
    progress?.remove?.()
  }
  function newbar(max = 0, max2) {
    max2 ??= max
    maxprogress1 = max
    maxprogress2 = max2

    progress = a(document.body)
      .createelem("div", {
        position: "fixed",
        top: "0",
        left: 0,
        border: "30px solid #999",
        backgroundColor: "black",
        color: "white",
        width: "calc(100vw - 60px)",
        height: "29px",
      })
      .createelem.same("div", {
        backgroundColor: "#777",
        width: a(maxprogress1).rerange(0, maxprogress2, 0, 100) + "%",
        height: "10px",
      })
      .createelem.same("div", {
        backgroundColor: "#555",
        width: 100 - a(maxprogress1).rerange(0, maxprogress2, 0, 100) + "%",
        position: "relative",
        top: "-10px",
        left: a(maxprogress1).rerange(0, maxprogress2, 0, 100) + "%",
        height: "10px",
      }).val
    innerprogress = a(progress).createelem("div", {
      backgroundColor: "#aaa",
      width: 0,
      position: "relative",
      top: "-18px",
      left: "2px",
      height: "6px",
    }).val
    progresstext = a(progress).createelem("span", {
      position: "relative",
      top: "-16px",
    }).val
    updatebar(0)
  }
})()