• JavaScript
JSProgressBar (old-skool JavaScript)

13-01-2009

Met de JSProgress kun je een object maken voor het tonen van een voortgangsbalk op een webpagina. Ik heb het ongeveer 8 jaar geleden gemaakt en het is dus nog in old-skool JavaScript geschreven (niet unobtrusive en geen gebruik van frameworks als jQuery).

Demos

Voorbeeld 1

var oP1 = new JSProgress(document, 200, 20, "green", "yellow", 15);
oP1.toHTML();

function next1() {
	// maxValue = 15, which means every step is 100 / 15 = 6.7%
	oP1.setValue(oP1.getValue()+1);
}

Voorbeeld 2

var oP2 = new JSProgress(document, 300, 30, "darkblue", null, 100);
oP2.toHTML();

function next2() {
	// maxValue = 100, which means every step is 1%
	oP2.setValue(oP1.getValue()+1);
}

Downloaden

De code van de JSProgress staat in het bestand jsprogress.js. Deze is afhankelijk van array.js. Download alle bestanden inclusief demo’s: jsprogress.zip.

Licentie

Code valt onder het publieke domein.

Verouderd

In principe is de JSProgress nog prima bruikbaar, maar de manier waarop dit gebeurt, is een wat achterhaalde methode. Hiervoor gelden dezelfde punten als voor de JSTable.

Modernere versies

Gerelateerde artikelen

Categorie: JavaScript
Tags: , , , , , ,

Nog geen reacties

Stuur je reactie

  • RSS
  • LinkedIn
  • Twitter