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.
<span> Allgemeines Inline-Element
CSS - Beschriftungen und Formularfelder gleichmäßig untereinander setzen