Voortgangsindicator X: Ronde progress-bar

0%

Hier rechts zie je een grijze cirkel, met in het midden een percentage. Dit is een progress-bar. Als je HIER klikt of tikt zie je hem werken.
Ververs de pagina / het frame om het effect nog een keer te laten werken.

De code kun je downloaden om zelf te gebruiken.

Gebruik:

De code van het voorbeeld ziet er als volgt uit:
 
(Zet dit in de <HEAD>).

<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>

(Zet dit in de <BODY>, op de plaats waar de cirkel moet verschijnen ).

<div class="container">
  <div id="progress-circle">
    <span id="percentage">0%</span>
  </div>
</div>

Downloaden:
 
Druk op de knop: Download deze code  File: voorb740.zip, 1302 bytes.

 
terug

html-740; Laatste wijziging: 24 maart 2024