How to "make" stroke-dashoffset work?

Question

css

Hello, there is a code - https://jsfiddle.net/r89ycxe2/

The fact is that the property does not work in the firefox browser. But there are no such problems in chrome, and everything works there as it should. Please tell me, is it possible to somehow make this green line more cross-browser way?
stroke-dashoffset: calc(440 - (440 * 90) / 100);

Answer 1

The fact is that the stroke-dashoffset property does not work in the firefox browser

If you add units of measure, then it starts working:

stroke-dashoffset: calc(440px - (440px * 90) / 100);