phoenix2ch

phoenix2ch does not currently provide support for this item.

6 comments found.

Why would you put a demo for this and not a video? Your CSS code will get stolen easily this way… just a heads up

It’s a good idea, thanks you

The video doesn’t show any of the “progress bars” actually moving… as in filling up the remainder.

Do they actually fill up, or do they merely spin with movement, but never actually fill up the empty portion?

If they do fill up the bar, can you post a demo of them doing this, and tell me if they can be set with a certain time so that in 10 seconds they fill all the way up.

Thanks.

Hello Gutspiller,

The progress bar are animated (just a effect), if you want move them with a certain time, you can add JavaScript code.

Tell me if you need help with the JavaScript code.

Best regards.

(sorry for this late response, I had not seen your message)

How to insert/link code from this css into html ?

Hello SEOFL ,

It’s simple, for example:

For a red animated progress bar (filled to 50%)

You can: - Choose a color (class name: blue, black, brown, green, grey, orange, pink, red, skyblue, yellow) - Choose a speed (class name: noanimation, veryslow, slow, normal, fast, veryfast) - Choose radius size for the border (class name: small-rounded, medium-rounded, large-rounded)

Note: Everything is explained in the documentation.

Best regards.

(sorry for this late response, I had not seen your message)

livedemo doesn’t work.

live demo not working…

Nice design!

by
by
by
by
by
by