CSS Progress Bar
This tutorial will show you how to create a fixed width Vista style progress bar use XHTML/CSS in my way.
*Use CSS Sprites.
*Valid XHTML and CSS.
You can download the source code. I hope you like it.
This tutorial will show you how to create a fixed width Vista style progress bar use XHTML/CSS in my way.
*Use CSS Sprites.
*Valid XHTML and CSS.
You can download the source code. I hope you like it.
![[F2U] Purple Pixel Candle Bullet by cherrieu](https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/d7aa4f58-9ea8-4354-909c-077a70129470/d9yz7pk-183ffea2-ec1e-46f6-9d88-21e669efeff8.gif)
Haha did not even guessed.
If you don't want it to repeat, modify the Javascript as follow :
--------------------
var i = 0;
function animate() {
if (i <= 100) {
document.getElementById(\"test\").style.width = i + "%";
i++;
setTimeout(animate, 500);
}
}
animate();
--------------
When the animation of the bar is complete, it repeats.
How can I turn off the repeating?
How can I modify the code to make sure the bar remains complete after the animation is over?
This is really good for things like redirections