- Voici le code pour l'intégrer à votre page :
- <html>
- <head>
- <script type="text/javascript" src="./js/dksProgressBar.js"></script>
- <script type=text/javascript>
- var percent = 0;
- var dksProgressBar = null;
- var increment = true;
-
- var options = {
- height : 11,
- width : 253,
- progressBarImages : new Array("ressources/progressBar0.png",
- "ressources/progressBar1.png",
- "ressources/progressBar2.png",
- "ressources/progressBar3.png",
- "ressources/progressBar4.png",
- "ressources/progressBar5.png",
- "ressources/progressBar6.png",
- "ressources/progressBar7.png",
- "ressources/progressBar8.png",
- "ressources/progressBar9.png",
- "ressources/progressBar10.png"),
- }
-
- function initialize() {
- dksProgressBar = new DksProgressBar(window.document.getElementById("progressBar"), 0, options);
- incrementPercent();
- }
-
- function incrementPercent() {
- if (increment) {
- if (percent < 100) {
- percent++;
- } else {
- increment = false;
- percent--;
- }
- } else {
- if (percent > 1) {
- percent--;
- } else {
- increment = true;
- percent++;
- }
- }
- dksProgressBar.setPercentage(percent);
- setTimeout("incrementPercent()", 25);
- }
- </script>
- </head>
- <body onload="initialize();">
- <div id="progressBar"></div>
- </body>
- </html>
Voici le code pour l'intégrer à votre page :
<html>
<head>
<script type="text/javascript" src="./js/dksProgressBar.js"></script>
<script type=text/javascript>
var percent = 0;
var dksProgressBar = null;
var increment = true;
var options = {
height : 11,
width : 253,
progressBarImages : new Array("ressources/progressBar0.png",
"ressources/progressBar1.png",
"ressources/progressBar2.png",
"ressources/progressBar3.png",
"ressources/progressBar4.png",
"ressources/progressBar5.png",
"ressources/progressBar6.png",
"ressources/progressBar7.png",
"ressources/progressBar8.png",
"ressources/progressBar9.png",
"ressources/progressBar10.png"),
}
function initialize() {
dksProgressBar = new DksProgressBar(window.document.getElementById("progressBar"), 0, options);
incrementPercent();
}
function incrementPercent() {
if (increment) {
if (percent < 100) {
percent++;
} else {
increment = false;
percent--;
}
} else {
if (percent > 1) {
percent--;
} else {
increment = true;
percent++;
}
}
dksProgressBar.setPercentage(percent);
setTimeout("incrementPercent()", 25);
}
</script>
</head>
<body onload="initialize();">
<div id="progressBar"></div>
</body>
</html>