.jauge_10 { display:block; width:10px; } .jauge_20 { display:block; width:20px; } .jauge_30 { display:block; width:30px; }
<meter value="0" min="0" max="100"></meter>
<div id="progress1" class="progress"> <div id="bar1" class="bar"></div> </div> <style> .progress{ display:block; padding:0; margin:3px; width:200px; height:16px; background-color:#fff; border:1px solid #666; text-align:left; } .progress .bar{ display:block; width:0%; /* <- on la modifiera en javascript et on travail avec les % directement */ height:100%; padding:0; margin:0; background-color:#924; } </style> <script> function setProgress(idnum, percent){ document.getElementById('bar'+idnum).style.width = percent+'%'; } </script>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question