WPT
wpt / css / css-values / progress-serialize.html
Spec: CSS Values ↗
Runs: Chrome 155.0.8039.0 (wpt@508cc6a62, 2026-09-03) | Firefox 157.0a1 (wpt@508cc6a62, 2026-09-03) | Safari 251 preview (wpt@5ce815a83, 2026-08-27) | Ladybird 1.0-56c61 (wpt@8fdda8ce4, 2026-09-03) | Servo Servo 0.6 (wpt@09159dcb3, 2026-09-02) | Blitz 188486089 (wpt@a95401e4e, 2026-09-02)
View on the Blitz WPT dashboard | Open test on wpt.live | wpt.fyi
| Chrome | Firefox | Safari | Ladybird | Servo | Blitz | |
|---|---|---|---|---|---|---|
| Total | 39/68 | 68/68 | 68/68 | 68/68 | 68/68 | 8/68 |
| Subtest | Chrome | Firefox | Safari | Ladybird | Servo | Blitz |
|---|---|---|---|---|---|---|
| 'progress(100px, 0px, 100px)' as a specified value should serialize as 'calc(1)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'scale(progress(100px, 0px, 100px))' as a specified value should serialize as 'scale(calc(1))'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'progress(100px, 0px, 100px)' as a computed value should serialize as '1'. | PASS | PASS | PASS | PASS | PASS | PASS |
| 'scale(progress(100px, 0px, 100px))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'progress(10em, 0px, 10em)' as a specified value should serialize as 'progress(10em, 0px, 10em)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'scale(progress(10em, 0px, 10em))' as a specified value should serialize as 'scale(progress(10em, 0px, 10em))'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'progress(10em, 0px, 10em)' as a computed value should serialize as '1'. | PASS | PASS | PASS | PASS | PASS | PASS |
| 'scale(progress(10em, 0px, 10em))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'progress(10em, 0px, 10rem)' as a specified value should serialize as 'progress(10em, 0px, 10rem)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'scale(progress(10em, 0px, 10rem))' as a specified value should serialize as 'scale(progress(10em, 0px, 10rem))'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'progress(10em, 0px, 10rem)' as a computed value should serialize as '1'. | PASS | PASS | PASS | PASS | PASS | PASS |
| 'scale(progress(10em, 0px, 10rem))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'progress(100px, (10px - 10px), 100px)' as a specified value should serialize as 'calc(1)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'scale(progress(100px, (10px - 10px), 100px))' as a specified value should serialize as 'scale(calc(1))'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'progress(100px, (10px - 10px), 100px)' as a computed value should serialize as '1'. | PASS | PASS | PASS | PASS | PASS | PASS |
| 'scale(progress(100px, (10px - 10px), 100px))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'progress(1%, (10% - 10%), 100%)' as a specified value should serialize as 'calc(0.01)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'scale(progress(1%, (10% - 10%), 100%))' as a specified value should serialize as 'scale(calc(0.01))'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'progress(1%, (10% - 10%), 100%)' as a computed value should serialize as '0.01'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'scale(progress(1%, (10% - 10%), 100%))' as a computed value should serialize as 'matrix(0.01, 0, 0, 0.01, 0, 0)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'calc(0.5 * progress(100px, 0px, 100px))' as a specified value should serialize as 'calc(0.5)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'scale(calc(0.5 * progress(100px, 0px, 100px)))' as a specified value should serialize as 'scale(calc(0.5))'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'calc(0.5 * progress(100px, 0px, 100px))' as a computed value should serialize as '0.5'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'scale(calc(0.5 * progress(100px, 0px, 100px)))' as a computed value should serialize as 'matrix(0.5, 0, 0, 0.5, 0, 0)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'calc(0.5 * progress(200px, 0px, 100px))' as a specified value should serialize as 'calc(0.5)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'scale(calc(0.5 * progress(200px, 0px, 100px)))' as a specified value should serialize as 'scale(calc(0.5))'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'calc(0.5 * progress(200px, 0px, 100px))' as a computed value should serialize as '0.5'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'scale(calc(0.5 * progress(200px, 0px, 100px)))' as a computed value should serialize as 'matrix(0.5, 0, 0, 0.5, 0, 0)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'calc(0.5 * progress(-100px, 0px, 100px))' as a specified value should serialize as 'calc(0)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'scale(calc(0.5 * progress(-100px, 0px, 100px)))' as a specified value should serialize as 'scale(calc(0))'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'calc(0.5 * progress(-100px, 0px, 100px))' as a computed value should serialize as '0'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'scale(calc(0.5 * progress(-100px, 0px, 100px)))' as a computed value should serialize as 'matrix(0, 0, 0, 0, 0, 0)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'progress(2rad, 1rad, 1rad)' as a specified value should serialize as 'calc(0)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(1rad, 1rad, 1rad)' as a specified value should serialize as 'calc(0)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(0rad, 1rad, 1rad)' as a specified value should serialize as 'calc(0)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'calc(50px * progress(100px, 0px, 100px))' as a specified value should serialize as 'calc(50px)'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'calc(1px * progress(abs(10%), (10% - 10%), 100% / 10))' as a computed value should serialize as '1px'. | PASS | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 100px, 0px, 100px)' as a specified value should serialize as 'calc(1)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'scale(progress(no-clamp 100px, 0px, 100px))' as a specified value should serialize as 'scale(calc(1))'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 100px, 0px, 100px)' as a computed value should serialize as '1'. | PASS | PASS | PASS | PASS | PASS | PASS |
| 'scale(progress(no-clamp 100px, 0px, 100px))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 10em, 0px, 10em)' as a specified value should serialize as 'progress(no-clamp 10em, 0px, 10em)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'scale(progress(no-clamp 10em, 0px, 10em))' as a specified value should serialize as 'scale(progress(no-clamp 10em, 0px, 10em))'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 10em, 0px, 10em)' as a computed value should serialize as '1'. | PASS | PASS | PASS | PASS | PASS | PASS |
| 'scale(progress(no-clamp 10em, 0px, 10em))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 10em, 0px, 10rem)' as a specified value should serialize as 'progress(no-clamp 10em, 0px, 10rem)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'scale(progress(no-clamp 10em, 0px, 10rem))' as a specified value should serialize as 'scale(progress(no-clamp 10em, 0px, 10rem))'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 10em, 0px, 10rem)' as a computed value should serialize as '1'. | PASS | PASS | PASS | PASS | PASS | PASS |
| 'scale(progress(no-clamp 10em, 0px, 10rem))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 100px, (10px - 10px), 100px)' as a specified value should serialize as 'calc(1)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'scale(progress(no-clamp 100px, (10px - 10px), 100px))' as a specified value should serialize as 'scale(calc(1))'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 100px, (10px - 10px), 100px)' as a computed value should serialize as '1'. | PASS | PASS | PASS | PASS | PASS | PASS |
| 'scale(progress(no-clamp 100px, (10px - 10px), 100px))' as a computed value should serialize as 'matrix(1, 0, 0, 1, 0, 0)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 1%, (10% - 10%), 100%)' as a specified value should serialize as 'calc(0.01)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'scale(progress(no-clamp 1%, (10% - 10%), 100%))' as a specified value should serialize as 'scale(calc(0.01))'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 1%, (10% - 10%), 100%)' as a computed value should serialize as '0.01'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'scale(progress(no-clamp 1%, (10% - 10%), 100%))' as a computed value should serialize as 'matrix(0.01, 0, 0, 0.01, 0, 0)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'calc(0.5 * progress(no-clamp 100px, 0px, 100px))' as a specified value should serialize as 'calc(0.5)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'scale(calc(0.5 * progress(no-clamp 100px, 0px, 100px)))' as a specified value should serialize as 'scale(calc(0.5))'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'calc(0.5 * progress(no-clamp 100px, 0px, 100px))' as a computed value should serialize as '0.5'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'scale(calc(0.5 * progress(no-clamp 100px, 0px, 100px)))' as a computed value should serialize as 'matrix(0.5, 0, 0, 0.5, 0, 0)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'calc(0.5 * progress(no-clamp 200px, 0px, 100px))' as a specified value should serialize as 'calc(1)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'calc(0.5 * progress(no-clamp -100px, 0px, 100px))' as a specified value should serialize as 'calc(-0.5)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 2rad, 1rad, 1rad)' as a specified value should serialize as 'calc(infinity)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 1rad, 1rad, 1rad)' as a specified value should serialize as 'calc(0)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'progress(no-clamp 0rad, 1rad, 1rad)' as a specified value should serialize as 'calc(-infinity)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'calc(50px * progress(no-clamp 100px, 0px, 100px))' as a specified value should serialize as 'calc(50px)'. | FAIL | PASS | PASS | PASS | PASS | FAIL |
| 'calc(1px * progress(no-clamp abs(10%), (10% - 10%), 100% / 10))' as a computed value should serialize as '1px'. | FAIL | PASS | PASS | PASS | PASS | FAIL |