HOME | DD
Ashung β CSS Progress Bar
by
Published: 2009-05-17 16:47:59 +0000 UTC; Views: 34189; Favourites: 93; Downloads: 3740
Redirect to original
Description
CSS Progress BarThis 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.
Related content
Comments: 15
π: 0 β©: 0
Nice Work, Ashung !
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();
--------------
π: 0 β©: 0
Just a question...
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?
π: 0 β©: 1
I'm so sorry. I'm not good at server-side language and JavaScript. This JavaScript just make the bar animation, and it can't working in real work. You can ask your programer friends or Google it.
π: 0 β©: 1
Well, I'll have to google it xD
This is really good for things like redirections
π: 0 β©: 0
εεοΌε₯½δΉ δΈθ§δ½ ηδ½εδΊγεΎεΌΊε€§οΌε―Ήη½ι‘΅δΈζ―εΎζη η©Άγδ½ζ―εΎε₯½ηε¦γ^_^
π: 0 β©: 0
