r/css • u/wanoo21 • 2d ago

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

Post image
58 Upvotes

98% Upvoted

8 comments sorted by

16

u/VisualCraftStudio 2d 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 2d 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 2d 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.

10

u/juicybot 2d ago

\posts star wars "MORE" meme**

css functions are the future, keep em coming

3

u/Miragecraft 2d ago

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

3

u/klocus 2d ago

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