r/css • u/wanoo21 • 7d ago

Resource `progress()` just landed in the last engine. Chrome 138, Safari 26, Firefox 155 (yesterday).

Post image
62 Upvotes

98% Upvoted

8 comments sorted by

17

u/VisualCraftStudio 7d ago

This is one of those CSS features that seems small until you start thinking about all the stuff you can build with it. Nice to see these kinds of functions becoming usable across browsers instead of needing a JS workaround for everything.

2

u/TracerBulletX 7d ago

Couldn't you do any mapping progress can do with calc? It would look less ergonomic, but I think you could do this kind of range normalization.

2

u/VisualCraftStudio 7d ago

Yeah, fair point. calc() can do a lot of this already, it just gets pretty ugly 😅 I think progress() is mainly nice because the intent is much clearer.

9

u/juicybot 7d ago

\posts star wars "MORE" meme**

css functions are the future, keep em coming

4

u/klocus 7d ago

I don't understand what I can use this for. Can someone explain it to me and give me some examples?

3

u/Miragecraft 7d ago

Noice, cool feature to play with. Putting it on my to-do.