CODEWITHSUNDEEP
css
bran
bran

Reputation: 167

How to make a progress bar like this in CSS

Can someone who me how to make a progress bar that looks like this in css?

progress bar

It, obviously will be static, so that I can incrementally increase it manually. There will be about a dozen of them used in a page to demonstrate progress of something. I don't know if CSS is the best way, but thats all I can think of right now.

Upvotes: 0

Views: 1447

Answers (1)

Antony
Antony

Reputation: 15106

You can use an HTML5 progress bar.

<progress max="100" value="60">60%</progress>

See DEMO.

Upvotes: 4

Related Questions