3 Farben Prozessbalken

Ein etwas anderer Prozessbalken. Der läuft 3-mal durch mit 3 verschiedene Farben.

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
     <html>
   <head>
   <style>
   body {
  background-color:#ccc;
  }
h1   {
  text-align:center;
  }
 #ladebalken  {
  height:22px; 
  width:400px;
  border:1px solid red; 
  margin:auto;
  }
 #fortschritt {
  height:22px; 
  width:1px; 
  background-color:red;
  border:none;
  text-align:center;
  }
   </style>
   </head>
 </html>
<body>
<h1>Lade einen Balken</h1>
<div id="ladebalken">
    <div id="fortschritt"><span id="prozente">
    
    </span></div>
</div>
<p style="text-align: center">
    <input type="button" onclick="ladenStoppen()" value=" Stoppen ">
    <input type="button" onclick="weiterLaden()"  value=" Weiter Laden ">
</p> 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX