JavaScript - Fortschrittsanzeige mit JavaScript verändern

Der <progress>-Tag (HTML 5), kann mit Hilfe von JavaScript verändert werden.


<progress max="4" value="0" id="p"></progress>


<
script>
var 
progressBar document.getElementById('p');
function 
updateProgress(newValue) {
 
progressBar.value newValue;
}
</
script>

<
input type="button" value="1" name="" onClick="updateProgress('1')"
<
input type="button" value="2" name="" onClick="updateProgress('2')"
<
input type="button" value="3" name="" onClick="updateProgress('3')"
<
input type="button" value="4" name="" onClick="updateProgress('4')">

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<link> Logische Beziehung

CSS - Verwendung von Datenattributen (data-*)

PHP - Letzte Aktualisierung

JavaScript - Text bei onMouseOver und onMouseOut ersetzen

MySQL - Datensatz Wert erhöhen

Plug-ins nötig
Man muss schon einen guten Grund haben, um ein Plug-ins (Browser-Erweiterung) zu rechtfertigen. Denn oft haben die Besucher das entsprechende Plug-in nicht und wollen es auch nicht runterladen, abgesehen davon, dass viele Besucher gar nicht wissen, was ein PlugIn ist. Wenn man trotzdem nicht auf Plug-in verzichten möchte, sollte man zumindest eine Alternative anbieten, sonst bekommen viele potenzielle Besucher die Seite nicht zu sehen.