deviant art





Login
Join deviantART for FREE Take the Tour Lost Password?
Deviant Login
Shop
 Join deviantART for FREE Take the Tour
[x]

More from ~Ashung

Featured in Groups:

Details

May 17, 2009
2.3 KB
Link
Thumb

Statistics

Comments: 14
Favourites: 68 [who?]
Views: 17,980 (4 today)
Downloads: 2,636 (0 today)

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution 3.0 License.
[x]
:iconashung:
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. :)
:icon:
Add a Comment:
 
love 0 0 joy 3 3 wow 0 0 mad 0 0 sad 0 0 fear 0 0 neutral 0 0
:iconlinkwro:
Mood: Joy ~linkwro Mar 16, 2012  Hobbyist Digital Artist
THANKS <3

--
:bulletred: [link] <- Visit me :bulletblue:
Reply
:iconsaeid-xplod:
so nice. thnx
Reply
:iconconfessions1988:
Nice nice!

--
>.< ^^ +_+ ´_` :")
Reply
:iconirafall:
Great !
Haha did not even guessed.

--
My profile: Click
Visit ! :D
Reply
:iconchrischmitt:
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:
Mood: Joy ~TWoro Oct 31, 2009  Hobbyist Traditional Artist
great man :)
Reply
:iconenten-mann:
very nice man ;)
Reply
:iconashung:
~Ashung Jul 22, 2009  Professional Interface Designer
Thank you.
Reply
:iconsamusaranfreak:
~SamusAranFreak 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?

--
[link] <-- My Twitter
Reply
:iconashung:
~Ashung 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
:icon:
Add a Comment: