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.

<kbd> Tastatureingabe

CSS - Datum als Kalenderblatt darstellen

PHP - Verzeichnisse rekursiv nach einem Dateinamen durchsuchen

JavaScript - Textteil auswählen

MySQL - MySQL-Anweisung mit PHP ausgeben

Werbetrommel
Rühren Sie die Werbetrommel. "Wer nicht wirbt der stirbt" Das gilt besonders im Internet. Machen Sie Ihre Seiten In Foren bekannt, aber Bitte dezent. Beantworten Sie alle Emails, die Sie zu Ihrer Homepage bekommen, der Besucher wird Ihre Seite in guter Erinnerung behalten. Machen Sie aktiv in verschiedenen Foren und Chatrooms mit.