HOME | DD

Celvas β€” Let's code! CSS Progress bar

Published: 2013-10-16 23:24:36 +0000 UTC; Views: 10126; Favourites: 247; Downloads: 2
Redirect to original
Description Inspired by TehAngelsCry


Check out the [LIVE PREVIEW]

Questions? Answers? Suggestions? Favs? Watches? Throw it my way!

If you found this helpful, consider donating points to aid in my progress!
Related content
Comments: 40

burnsplayguitar [2015-07-06 02:10:03 +0000 UTC]

adding a pbbar:hover effect to the full states could be awesome.Β 


great tuto

πŸ‘: 0 ⏩: 1

Celvas In reply to burnsplayguitar [2015-07-06 02:55:55 +0000 UTC]

True. Then again, there are a lot of things that could be added and that would be very cool. I'll leave that in the hands of you and everyone who likes to code. Well, and myself in case I find myself in need of a progress bar.

Thank you! Very kind of you to comment. I'd have never thought that this one would be one of my more popular tutorials.

πŸ‘: 0 ⏩: 1

burnsplayguitar In reply to Celvas [2015-07-09 21:08:10 +0000 UTC]

hah you're right.Β 

tnks for the good work.Β 

πŸ‘: 0 ⏩: 0

systemcat [2015-05-21 22:51:52 +0000 UTC]

Oh, thank you for this !

πŸ‘: 0 ⏩: 1

Celvas In reply to systemcat [2015-05-21 23:43:07 +0000 UTC]

You are most welcome. I have to ask: What about this tutorial is it that you find most helpful?

πŸ‘: 0 ⏩: 1

systemcat In reply to Celvas [2015-05-21 23:50:47 +0000 UTC]

A better understanding of coding this stuff !

πŸ‘: 0 ⏩: 1

Celvas In reply to systemcat [2015-05-22 00:03:14 +0000 UTC]

Ah, I see. Glad I could be of service, then!

πŸ‘: 0 ⏩: 0

p-i-c-k-l-e [2014-07-14 23:20:55 +0000 UTC]

AHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH ThAnK yOuΒ 

So much ;w;

πŸ‘: 0 ⏩: 1

Celvas In reply to p-i-c-k-l-e [2014-07-15 12:35:08 +0000 UTC]

Sure. No problem.

πŸ‘: 0 ⏩: 0

GeoCaecias [2013-11-13 23:22:54 +0000 UTC]

This is super neat. :> Β Thanks for sharing!!

πŸ‘: 0 ⏩: 1

Celvas In reply to GeoCaecias [2013-11-14 08:31:18 +0000 UTC]

My pleasure. I like writing about stuff I know. It helps me find out how much I know exactly. I'll be coming out with another CSS tutorial the next days that you might like.

πŸ‘: 0 ⏩: 1

GeoCaecias In reply to Celvas [2013-11-14 13:16:56 +0000 UTC]

Awesome.Β 

πŸ‘: 0 ⏩: 0

cythux [2013-10-26 12:00:19 +0000 UTC]

not html5 support here +deviantart witch

πŸ‘: 0 ⏩: 1

Celvas In reply to cythux [2013-10-26 14:03:09 +0000 UTC]

I don't understand what you are trying to tell me, sorry.

πŸ‘: 0 ⏩: 1

cythux In reply to Celvas [2013-10-26 21:16:07 +0000 UTC]

here is a link what i mean html5doctor.com/the-progress-e…

πŸ‘: 0 ⏩: 1

Celvas In reply to cythux [2013-10-26 21:54:13 +0000 UTC]

Doesn't help much with deviantART journal skins, does it?

πŸ‘: 0 ⏩: 0

MissLunaRose [2013-10-25 20:29:55 +0000 UTC]

This tutorial just made my life.

πŸ‘: 0 ⏩: 1

Celvas In reply to MissLunaRose [2013-10-25 20:58:55 +0000 UTC]

How come?

πŸ‘: 0 ⏩: 1

MissLunaRose In reply to Celvas [2013-10-27 02:46:29 +0000 UTC]

I'll be able to use it for all sorts of things!

πŸ‘: 0 ⏩: 1

Celvas In reply to MissLunaRose [2013-10-27 03:19:43 +0000 UTC]

I definitely hope so. Any questions about whatever, you can shoot me a note day or night.

πŸ‘: 0 ⏩: 1

MissLunaRose In reply to Celvas [2013-11-07 14:44:07 +0000 UTC]

Thank you.

πŸ‘: 0 ⏩: 0

miontre [2013-10-21 07:18:09 +0000 UTC]

You are awesome! Stay awesome!

πŸ‘: 0 ⏩: 1

Celvas In reply to miontre [2013-10-21 13:26:30 +0000 UTC]

Aw:, thank you. Have no worries, I don't know how to be any other way.Β 

πŸ‘: 0 ⏩: 1

miontre In reply to Celvas [2013-10-21 18:14:55 +0000 UTC]

Yay!Β  Β 

πŸ‘: 0 ⏩: 0

DeviousGlassworks [2013-10-17 20:26:27 +0000 UTC]

Great tutorial, thanks so much for sharing Β  Can't wait to give it a try.

πŸ‘: 0 ⏩: 1

Celvas In reply to DeviousGlassworks [2013-10-17 21:22:19 +0000 UTC]

You're welcome. I'm curious in nature, so should you try it out, I'd really like to see what you make of it. Only if you want to show it off, naturally.

πŸ‘: 0 ⏩: 1

DeviousGlassworks In reply to Celvas [2013-10-17 21:23:08 +0000 UTC]

I'll be sure to post a link if I give it a go.Β 

πŸ‘: 0 ⏩: 1

Celvas In reply to DeviousGlassworks [2013-10-17 21:25:49 +0000 UTC]

Yay! You made me one happy blinking third letter of the alphabet.

πŸ‘: 0 ⏩: 1

DeviousGlassworks In reply to Celvas [2013-10-17 21:30:06 +0000 UTC]

Β  Have to warn you though, I'm new to all this coding stuff, so I can guarantee the quality of what I end up with.Β 

πŸ‘: 0 ⏩: 1

Celvas In reply to DeviousGlassworks [2013-10-17 21:32:56 +0000 UTC]

Tutorials aren't for people who already know how to do it.
This coding stuff is pretty fun, no? If you've got any questions or hit an obstacle or wish to talk shop a bit, you can always drop me a note.

πŸ‘: 0 ⏩: 1

DeviousGlassworks In reply to Celvas [2013-10-17 22:08:43 +0000 UTC]

Good point Β  and thanks, I will.Β 

πŸ‘: 0 ⏩: 0

SingingFlames [2013-10-17 15:41:04 +0000 UTC]

Excellent resource! Thanks for sharing!

πŸ‘: 0 ⏩: 1

Celvas In reply to SingingFlames [2013-10-17 15:47:22 +0000 UTC]

My pleasure entirely. Thank you for commenting.

πŸ‘: 0 ⏩: 0

TehAngelsCry [2013-10-17 12:57:08 +0000 UTC]

I need to do this right now!

But I'm at work

Oh! I'm a webdeveloper! I can pretend it's work!

No... I'm building emails again...


WHEN I AM HOME THEN!

πŸ‘: 0 ⏩: 1

Celvas In reply to TehAngelsCry [2013-10-17 13:20:28 +0000 UTC]

I'm happy you like it. But ouch, e-mails. No wonder tis angel cries. Whoever makes you do this, remember: karma.

πŸ‘: 0 ⏩: 1

TehAngelsCry In reply to Celvas [2013-10-17 22:59:22 +0000 UTC]

I get paid for it at least... which is good right?! XD Haha.

πŸ‘: 0 ⏩: 1

Celvas In reply to TehAngelsCry [2013-10-17 23:20:09 +0000 UTC]

It's a start. Throw in "Employee of the month" and a medium-sized thank-you altar complete with incense sticks and a mala and it's almost forgivable. Al. Most.

πŸ‘: 0 ⏩: 1

TehAngelsCry In reply to Celvas [2013-10-18 13:45:52 +0000 UTC]

Considering we get a cash bonus when we win employee of the month, that would be nice! Haha.

πŸ‘: 0 ⏩: 1

Celvas In reply to TehAngelsCry [2013-10-18 14:00:18 +0000 UTC]

You really got "Employee of the month"? What do you have to do to rope that? Join a coven?

Look what I did yesterday. I actually just wanted to play around with box-shadow a bit. And then "test text" turned into a personal quote, and while I was at it I formatted that. Of course, it's not very practical because of the many loading-time-heavy fonts, but eh. So I got the lorem ipsum-esque text done before I even looked at the box-shadow. Still inside the boundaries of what works in a devART journal skin. I think it looks like a book. Does it look like a book? Does it? Huh?

πŸ‘: 0 ⏩: 1

TehAngelsCry In reply to Celvas [2013-10-20 18:31:44 +0000 UTC]

Hahah hopefully nothing as extreme XD I believe you just have to work hard and remain dedicated to your work. I've only just started there, and haven't witnessed anyone winning it yet.


Do you know how damned gorgeous that is?! Who cares that it takes an eternity to load when it's soo pretty! See, this is why I need to collate my CSS work, so I can feature stuff like this XD Really beautiful work you've done. I love the colour tones, and the book like effect you've managed to make (with the drop-shadows in the background). So yes, it looks like a book! I thought that before I even finished reading your comments XD



πŸ‘: 0 ⏩: 0