Shop Forum More Submit  Join Login
CSS Progress Bar by Ashung CSS Progress Bar by Ashung
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. :)
Add a Comment:
 
:iconlinkwro:
linkwro Featured By Owner Mar 16, 2012  Hobbyist Digital Artist
THANKS <3
Reply
:iconsaeid-xplod:
saeid-xplod Featured By Owner Oct 25, 2011
so nice. thnx
Reply
:iconconfessions1988:
confessions1988 Featured By Owner May 11, 2010
Nice nice!
Reply
:iconirafall:
iRafall Featured By Owner Jan 30, 2010
Great !
Haha did not even guessed.
Reply
:iconchrischmitt:
chrischmitt Featured By Owner Dec 28, 2009
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();
--------------
Reply
:icontworo:
TWoro Featured By Owner Oct 31, 2009
great man :)
Reply
:iconenten-mann:
Enten-Mann Featured By Owner Jul 21, 2009
very nice man ;)
Reply
:iconashung:
Ashung Featured By Owner Jul 22, 2009  Professional Interface Designer
Thank you.
Reply
:iconsamusaranfreak:
SamusAranFreak Featured By Owner Jun 7, 2009  Hobbyist Interface Designer
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?
Reply
:iconashung:
Ashung Featured By Owner Jun 13, 2009  Professional Interface Designer
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.
Reply
:iconsamusaranfreak:
SamusAranFreak Featured By Owner Jun 13, 2009  Hobbyist Interface Designer
Well, I'll have to google it xD

This is really good for things like redirections :)
Reply
:iconhombre-cz:
hombre-cz Featured By Owner May 18, 2009  Hobbyist Photographer
cool ... nice work :p
Reply
:icon1reticle:
1Reticle Featured By Owner May 17, 2009
哈哈,好久不见你的作品了。很强大,对网页不是很有研究。但是很好看哦。^_^
Reply
:iconkyo-tux:
kyo-tux Featured By Owner May 17, 2009
nice ;)
Reply
Add a Comment:
 
×




Details

Submitted on
May 17, 2009
File Size
2.3 KB
Link
Thumb

Stats

Views
32,261
Favourites
93 (who?)
Comments
16
Downloads
3,698

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution 3.0 License.