diff --git a/css/css-transforms/animation/rotate-interpolation-math-functions-tentative.html b/css/css-transforms/animation/rotate-interpolation-math-functions-tentative.html
index eccb554fd8ab6d..11b683ffe77c08 100644
--- a/css/css-transforms/animation/rotate-interpolation-math-functions-tentative.html
+++ b/css/css-transforms/animation/rotate-interpolation-math-functions-tentative.html
@@ -32,7 +32,7 @@
       test_interpolation({
         property: 'rotate',
         from: 'calc(sign(20rem - 20px) * 100deg)',
-        to: 'calc(progress(10rem from 20px to 100px) * 180deg)',
+        to: 'calc(progress(10rem, 20px, 100px) * 180deg)',
       }, [
         {at: -1, expect: '20deg'},
         {at: 0, expect: '100deg'},
diff --git a/css/css-transforms/animation/scale-animation-math-functions-tentative.html b/css/css-transforms/animation/scale-animation-math-functions-tentative.html
index 2ad177469a434a..421e0dd146e9fd 100644
--- a/css/css-transforms/animation/scale-animation-math-functions-tentative.html
+++ b/css/css-transforms/animation/scale-animation-math-functions-tentative.html
@@ -32,7 +32,7 @@
       test_interpolation({
         property: 'scale',
         from: 'calc(sign(20rem - 20px) * 100)',
-        to: 'calc(progress(10rem from 20px to 100px) * 180)',
+        to: 'calc(progress(10rem, 20px, 100px) * 180)',
       }, [
         {at: -1, expect: '20'},
         {at: 0, expect: '100'},
diff --git a/css/css-values/container-progress-computed.tentative.html b/css/css-values/container-progress-computed.tentative.html
index 5c8d12f9cd492a..fa0fcd7056084b 100644
--- a/css/css-values/container-progress-computed.tentative.html
+++ b/css/css-values/container-progress-computed.tentative.html
@@ -57,28 +57,28 @@
 let outerHeight = 228;
 
 // Identity tests
-test_math_used('container-progress(height from 0px to 1px)', innerHeight, {type:'number'});
-test_math_used('container-progress(width of my-container from 0px to 1px)', outerWidth, {type:'number'});
+test_math_used('container-progress(height, 0px, 1px)', innerHeight, {type:'number'});
+test_math_used('container-progress(width of my-container, 0px, 1px)', outerWidth, {type:'number'});
 
 // Nestings
-test_math_used('container-progress(height from container-progress(height from 0px to 1px) * 1px to container-progress(height from 0px to 1px) * 1px)', '0', {type:'number'});
-test_math_used('container-progress(height from container-progress(height from 0px to 1px) * 0.5px to container-progress(height from 0px to 1px) * 1px)', '1', {type:'number'});
-test_math_used('container-progress(height from container-progress(width of my-container from 0px to 1px) * 1px to container-progress(height of my-container-2 from 0px to 1px) * 1px)', (innerHeight - outerWidth) / (extraHeight - outerWidth), {type:'number'});
+test_math_used('container-progress(height, container-progress(height, 0px, 1px) * 1px, container-progress(height, 0px, 1px) * 1px)', '0', {type:'number'});
+test_math_used('container-progress(height, container-progress(height, 0px, 1px) * 0.5px, container-progress(height, 0px, 1px) * 1px)', '1', {type:'number'});
+test_math_used('container-progress(height, container-progress(width of my-container, 0px, 1px) * 1px, container-progress(height of my-container-2, 0px, 1px) * 1px)', (innerHeight - outerWidth) / (extraHeight - outerWidth), {type:'number'});
 
 // General calculations
-test_math_used('calc(container-progress(width from 0px to 50px) * 10px + 100px)', (innerWidth / 50 * 10 + 100) + 'px');
-test_math_used('calc(container-progress(height from 10px to sign(50px - 500em) * 10px))', (innerHeight - 10) / (-10 - 10), {type:'number'});
-test_math_used('calc(container-progress(width of my-container from 0px to 50px) * 10px + 100px)', (outerWidth / 50 * 10 + 100) + 'px');
-test_math_used('calc(container-progress(height of my-container from 10px to sign(50px - 500em) * 10px))', (outerHeight - 10) / (-10 - 10), {type:'number'});
+test_math_used('calc(container-progress(width, 0px, 50px) * 10px + 100px)', (innerWidth / 50 * 10 + 100) + 'px');
+test_math_used('calc(container-progress(height, 10px, sign(50px - 500em) * 10px))', (innerHeight - 10) / (-10 - 10), {type:'number'});
+test_math_used('calc(container-progress(width of my-container, 0px, 50px) * 10px + 100px)', (outerWidth / 50 * 10 + 100) + 'px');
+test_math_used('calc(container-progress(height of my-container, 10px, sign(50px - 500em) * 10px))', (outerHeight - 10) / (-10 - 10), {type:'number'});
 
 // Fallback
-test_math_used('container-progress(width of non-existing-container from 0px to 1px)', width, {type:'number', msg: 'container-progress() width fallback for non-existing container name'});
-test_math_used('container-progress(height of non-existing-container from 0px to 1px)', height, {type:'number', msg: 'container-progress() height fallback for non-existing container names'});
-test_math_used('container-progress(width of out-of-scope-container from 0px to 1px)', width, {type:'number', msg: 'container-progress() width fallback for out of scope container'});
-test_math_used('container-progress(height of out-of-scope-container from 0px to 1px)', height, {type:'number', msg: 'container-progress() height fallback for out of scope container'});
+test_math_used('container-progress(width of non-existing-container, 0px, 1px)', width, {type:'number', msg: 'container-progress() width fallback for non-existing container name'});
+test_math_used('container-progress(height of non-existing-container, 0px, 1px)', height, {type:'number', msg: 'container-progress() height fallback for non-existing container names'});
+test_math_used('container-progress(width of out-of-scope-container, 0px, 1px)', width, {type:'number', msg: 'container-progress() width fallback for out of scope container'});
+test_math_used('container-progress(height of out-of-scope-container, 0px, 1px)', height, {type:'number', msg: 'container-progress() height fallback for out of scope container'});
 
 // Type checking
-test_math_used('calc(container-progress(width from 0px to 1px) * 1px)', innerWidth + 'px');
-test_math_used('calc(container-progress(height of my-container from 0px to 1px) * 1s)', outerHeight + 's', {type:'time'});
-test_math_used('calc(container-progress(width of my-container-2 from 0px to 1px) * 1deg)', extraWidth + 'deg', {type:'angle', approx:0.001});
+test_math_used('calc(container-progress(width, 0px, 1px) * 1px)', innerWidth + 'px');
+test_math_used('calc(container-progress(height of my-container, 0px, 1px) * 1s)', outerHeight + 's', {type:'time'});
+test_math_used('calc(container-progress(width of my-container-2, 0px, 1px) * 1deg)', extraWidth + 'deg', {type:'angle', approx:0.001});
 </script>
diff --git a/css/css-values/container-progress-invalid.tentative.html b/css/css-values/container-progress-invalid.tentative.html
index a78fd3442629a5..491abf505ac5fa 100644
--- a/css/css-values/container-progress-invalid.tentative.html
+++ b/css/css-values/container-progress-invalid.tentative.html
@@ -17,39 +17,40 @@
 test_invalid_number('container-progress()');
 test_invalid_number('container-progress( )');
 test_invalid_number('container-progress(,)');
-test_invalid_number('container-progress(1 from )');
+test_invalid_number('container-progress(1, )');
 test_invalid_number('container-progress(1)');
-test_invalid_number('container-progress(50% to 0)');
-test_invalid_number('container-progress(0 from 1 to)');
-test_invalid_number('container-progress(from to)');
-test_invalid_number('container-progress(from 1 to 0)');
-test_invalid_number('container-progress(3 of 2 from 1 to 0)');
-test_invalid_number('container-progress(width of 2 from 1 to 0)');
-test_invalid_number('container-progress(from 1 to 0 1)');
+test_invalid_number('container-progress(50%, 0)');
+test_invalid_number('container-progress(0, 1,)');
+test_invalid_number('container-progress(from,)');
+test_invalid_number('container-progress(from 1, 0)');
+test_invalid_number('container-progress(3 of 2, 1, 0)');
+test_invalid_number('container-progress(width of 2, 1, 0)');
+test_invalid_number('container-progress(from 1, 0 1)');
 test_invalid_number('container-progress(from 1 0)');
-test_invalid_number('container-progress(0 from to 0)');
-test_invalid_number('container-progress(to to to to to)');
-test_invalid_number('container-progress(0, from, 10, to 200)');
-test_invalid_number('container-progress(0, from, 10, to, 200)');
-test_invalid_number('container-progress(0, from 10, to 200)');
+test_invalid_number('container-progress(0,, 0)');
+test_invalid_number('container-progress(to,,,,)');
+test_invalid_number('container-progress(0,,, 10,, 200)');
+test_invalid_number('container-progress(0,,, 10,,, 200)');
+test_invalid_number('container-progress(0,, 10,, 200)');
 test_invalid_number('container-progress(0, 10, 200)');
+test_invalid_number('container-progress(0 from 10 to 200)');
 
 // General tests
-test_invalid_number('container-progress(height from 0 to 8');
-test_invalid_number('container-progress(height container from 0 to 8');
-test_invalid_number('container-progress(height of from 0 to 8');
-test_invalid_number('container-progress(depth from 0px to 8px');
-test_invalid_number('container-progress(width of 10 from 0px to 8px');
-test_invalid_number('container-progress(height of 10 from 0px to 8px');
-test_invalid_number('container-progress(height of name from 0deg to 8deg');
-test_invalid_number('container-progress(height of name from 0 to 8px');
-test_invalid_number('container-progress(10px from 0px to 8px');
-test_invalid_number('container-progress(depth of name from 0px to 8px');
-test_invalid_number('container-progress(width from 0deg to 8deg');
-test_invalid_number('container-progress(5 from 0deg to 8deg');
-test_invalid_number('container-progress(5 from 0% to 8deg');
-test_invalid_number('container-progress(height from 0% to sign(10px)');
-test_invalid_number('container-progress(5% from 0px to 10px');
-test_invalid_length('calc(1px * container-progress(10deg from 0 to 10))');
-test_invalid_length('calc(1px * container-progress(10 from 0px to 10))');
+test_invalid_number('container-progress(height, 0, 8');
+test_invalid_number('container-progress(height container, 0, 8');
+test_invalid_number('container-progress(height of, 0, 8');
+test_invalid_number('container-progress(depth, 0px, 8px');
+test_invalid_number('container-progress(width of 10, 0px, 8px');
+test_invalid_number('container-progress(height of 10, 0px, 8px');
+test_invalid_number('container-progress(height of name, 0deg, 8deg');
+test_invalid_number('container-progress(height of name, 0, 8px');
+test_invalid_number('container-progress(10px, 0px, 8px');
+test_invalid_number('container-progress(depth of name, 0px, 8px');
+test_invalid_number('container-progress(width, 0deg, 8deg');
+test_invalid_number('container-progress(5, 0deg, 8deg');
+test_invalid_number('container-progress(5, 0%, 8deg');
+test_invalid_number('container-progress(height, 0%, sign(10px)');
+test_invalid_number('container-progress(5%, 0px, 10px');
+test_invalid_length('calc(1px * container-progress(10deg, 0, 10))');
+test_invalid_length('calc(1px * container-progress(10, 0px, 10))');
 </script>
diff --git a/css/css-values/container-progress-serialize.tentative.html b/css/css-values/container-progress-serialize.tentative.html
index 181054c6533590..18c76a35d969cd 100644
--- a/css/css-values/container-progress-serialize.tentative.html
+++ b/css/css-values/container-progress-serialize.tentative.html
@@ -36,13 +36,13 @@
 }
 
 test_serialization(
-    'calc(container-progress(width from 0px to 1px) / 1000)',
-    'calc(container-progress(width from 0px to 1px) / 1000)',
+    'calc(container-progress(width, 0px, 1px) / 1000)',
+    'calc(0.001 * container-progress(width, 0px, 1px))',
     '0.228',
 );
 test_serialization(
-    'calc(0.1 * container-progress(height of my-container from 0px to 10em))',
-    'calc(0.1 * container-progress(height of my-container from 0px to 10em))',
+    'calc(0.1 * container-progress(height of my-container, 0px, 10em))',
+    'calc(0.1 * container-progress(height of my-container, 0px, 10em))',
     '0.228',
 );
 </script>
diff --git a/css/css-values/media-progress-computed.tentative.html b/css/css-values/media-progress-computed.tentative.html
index b2b9c6662a5cbf..4bea3f617e37aa 100644
--- a/css/css-values/media-progress-computed.tentative.html
+++ b/css/css-values/media-progress-computed.tentative.html
@@ -24,19 +24,19 @@
 // NOTE(emilio): We provide custom messages so that the test name doesn't
 // depend on the viewport size (since in testharness.js files the viewport size is
 // not guaranteed to be fixed, unlike in reftests).
-test_math_used('media-progress(height from 0px to 1px)', height, { type:'number', 'msg': 'media-progress() identity check' });
+test_math_used('media-progress(height, 0px, 1px)', height, { type:'number', 'msg': 'media-progress() identity check' });
 
 // Nestings
-test_math_used('media-progress(height from media-progress(height from 0px to 1px) * 1px to media-progress(height from 0px to 1px) * 1px)', '0', {type:'number'});
+test_math_used('media-progress(height, media-progress(height, 0px, 1px) * 1px, media-progress(height, 0px, 1px) * 1px)', '0', {type:'number'});
 
-test_math_used('media-progress(height from media-progress(height from 0px to 1px) * 0.5px to media-progress(height from 0px to 1px) * 1px)', '1', {type:'number'});
+test_math_used('media-progress(height, media-progress(height, 0px, 1px) * 0.5px, media-progress(height, 0px, 1px) * 1px)', '1', {type:'number'});
 
 // General calculations.
-test_math_used('calc(media-progress(width from 0px to 50px) * 10px + 100px)', (width / 50 * 10 + 100) + 'px', { msg: 'media-progress() with length product' });
-test_math_used('calc(media-progress(height from 10px to sign(50px - 500em) * 10px))', (height - 10) / (-10 - 10), { type:'number', msg: 'media-progress with complex to calculation' });
+test_math_used('calc(media-progress(width, 0px, 50px) * 10px + 100px)', (width / 50 * 10 + 100) + 'px', { msg: 'media-progress() with length product' });
+test_math_used('calc(media-progress(height, 10px, sign(50px - 500em) * 10px))', (height - 10) / (-10 - 10), { type:'number', msg: 'media-progress with complex, calculation' });
 
 // Type checking
-test_math_used('calc(media-progress(width from 0px to 1px) * 1px)', width + 'px', { msg: 'media-progress() as length' });
-test_math_used('calc(media-progress(height from 0px to 1px) * 1s)', height + 's', { type:'time', msg: 'media-progress() as time' });
-test_math_used('calc(media-progress(width from 0px to 1px) * 1deg)', width + 'deg', { type:'angle', approx:0.001, msg: 'media-progress() as angle' });
+test_math_used('calc(media-progress(width, 0px, 1px) * 1px)', width + 'px', { msg: 'media-progress() as length' });
+test_math_used('calc(media-progress(height, 0px, 1px) * 1s)', height + 's', { type:'time', msg: 'media-progress() as time' });
+test_math_used('calc(media-progress(width, 0px, 1px) * 1deg)', width + 'deg', { type:'angle', approx:0.001, msg: 'media-progress() as angle' });
 </script>
diff --git a/css/css-values/media-progress-invalid.tentative.html b/css/css-values/media-progress-invalid.tentative.html
index 10d40bcbfbb760..0aed208d8bd899 100644
--- a/css/css-values/media-progress-invalid.tentative.html
+++ b/css/css-values/media-progress-invalid.tentative.html
@@ -17,29 +17,28 @@
 test_invalid_number('media-progress()');
 test_invalid_number('media-progress( )');
 test_invalid_number('media-progress(,)');
-test_invalid_number('media-progress(1 from )');
+test_invalid_number('media-progress(1, )');
 test_invalid_number('media-progress(1)');
-test_invalid_number('media-progress(50% to 0)');
-test_invalid_number('media-progress(0 from 1 to)');
-test_invalid_number('media-progress(from to)');
-test_invalid_number('media-progress(from 1 to 0)');
-test_invalid_number('media-progress(from 1 to 0 1)');
-test_invalid_number('media-progress(from 1 0)');
-test_invalid_number('media-progress(0 from to 0)');
-test_invalid_number('media-progress(to to to to to)');
+test_invalid_number('media-progress(50%, 0)');
+test_invalid_number('media-progress(0, 1,)');
+test_invalid_number('media-progress(,,)');
+test_invalid_number('media-progress(, 1, 0)');
+test_invalid_number('media-progress(, 1, 0 1)');
+test_invalid_number('media-progress(, 1 0)');
+test_invalid_number('media-progress(0,, 0)');
+test_invalid_number('media-progress(,,,,)');
 test_invalid_number('media-progress(0, from, 10, to 200)');
 test_invalid_number('media-progress(0, from, 10, to, 200)');
-test_invalid_number('media-progress(0, from 10, to 200)');
 test_invalid_number('media-progress(0, 10, 200)');
 
 // General tests
-test_invalid_number('media-progress(height from 0 to 8');
-test_invalid_number('media-progress(depth from 0px to 8px');
-test_invalid_number('media-progress(width from 0deg to 8deg');
-test_invalid_number('media-progress(5 from 0deg to 8deg');
-test_invalid_number('media-progress(5 from 0% to 8deg');
-test_invalid_number('media-progress(height from 0% to sign(10px)');
-test_invalid_number('media-progress(5% from 0px to 10px');
-test_invalid_length('calc(1px * media-progress(10deg from 0 to 10))');
-test_invalid_length('calc(1px * media-progress(10 from 0px to 10))');
+test_invalid_number('media-progress(height, 0, 8');
+test_invalid_number('media-progress(depth, 0px, 8px');
+test_invalid_number('media-progress(width, 0deg, 8deg');
+test_invalid_number('media-progress(5, 0deg, 8deg');
+test_invalid_number('media-progress(5, 0%, 8deg');
+test_invalid_number('media-progress(height, 0%, sign(10px)');
+test_invalid_number('media-progress(5%, 0px, 10px');
+test_invalid_length('calc(1px * media-progress(10deg, 0, 10))');
+test_invalid_length('calc(1px * media-progress(10, 0px, 10))');
 </script>
diff --git a/css/css-values/media-progress-serialize.tentative.html b/css/css-values/media-progress-serialize.tentative.html
index 354dda25b79be7..2144ddc69dbdd9 100644
--- a/css/css-values/media-progress-serialize.tentative.html
+++ b/css/css-values/media-progress-serialize.tentative.html
@@ -22,23 +22,23 @@
 }
 
 test_serialization(
-    'media-progress(width from 0px to 1000px)',
-    'media-progress(width from 0px to 1000px)',
+    'media-progress(width, 0px, 1000px)',
+    'media-progress(width, 0px, 1000px)',
     '0.8',
 );
 test_serialization(
-    'calc(0.1 * media-progress(height from 0px to 10em))',
-    'calc(0.1 * media-progress(height from 0px to 10em))',
+    'calc(0.1 * media-progress(height, 0px, 10em))',
+    'calc(0.1 * media-progress(height, 0px, 10em))',
     '0.6',
 );
 test_serialization(
-    'calc(media-progress(width from 0px to 100px) / 20)',
-    'calc(media-progress(width from 0px to 100px) / 20)',
+    'calc(media-progress(width, 0px, 100px) / 20)',
+    'calc(0.05 * media-progress(width, 0px, 100px))',
     '0.4'
 );
 test_computed_serialization(
     'width',
-    'calc(1px * media-progress(height from abs(11em - 10rem) to 110px / 10))',
+    'calc(1px * media-progress(height, abs(11em - 10rem), 110px / 10))',
     '590px',
 );
 </script>
diff --git a/css/css-values/progress-computed.tentative.html b/css/css-values/progress-computed.tentative.html
index 938b05f11c3f16..8eb4e2b6757e25 100644
--- a/css/css-values/progress-computed.tentative.html
+++ b/css/css-values/progress-computed.tentative.html
@@ -8,32 +8,32 @@
 <script>
 
 // Identity tests
-test_math_used('progress(1 from 0 to 1)', '1', {type:'number'});
+test_math_used('progress(1, 0, 1)', '1', {type:'number'});
 
 // Nestings
-test_math_used('progress(progress(1 from 0 to 1) from progress(0px from 0px to 1px) to progress(1deg from 0deg to 1deg))', '1', {type:'number'});
-test_math_used('progress(sign(-10px) * 10px from (10px - 10px) to 10px * progress(1deg from 0deg to 1deg))', '-1', {type:'number'});
+test_math_used('progress(progress(1, 0, 1), progress(0px, 0px, 1px), progress(1deg, 0deg, 1deg))', '1', {type:'number'});
+test_math_used('progress(sign(-10px) * 10px, (10px - 10px), 10px * progress(1deg, 0deg, 1deg))', '-1', {type:'number'});
 
 // General calculations
-test_math_used('calc(progress(100px from 0px to 50px) * 10px + 100px)', '120px');
-test_math_used('calc(progress(100 from 0 to sign(50px)))', '100', {type:'number'});
-test_math_used('calc(progress(abs(5%) from hypot(3%, 4%) to 10%))', '0', {type:'number', approx:0.001});
-test_math_used('progress(1000em from 10em to 110em)', '9.9', {type:'number', approx:0.1});
-test_math_used('scale(progress(1000em from 10rem to 110em))', 'scale(9.9)', {prop:'transform', type:'number', approx:0.1});
-test_math_used('scale(progress(0em from 0rem to 0em))', 'scale(0)', {prop:'transform', type:'number'});
-test_math_used('scale(progress(sign(1em - 1rem) * 1ex from 0rem to 0em))', 'scale(0)', {prop:'transform', type:'number'});
+test_math_used('calc(progress(100px, 0px, 50px) * 10px + 100px)', '120px');
+test_math_used('calc(progress(100, 0, sign(50px)))', '100', {type:'number'});
+test_math_used('calc(progress(abs(5%), hypot(3%, 4%), 10%))', '0', {type:'number', approx:0.001});
+test_math_used('progress(1000em, 10em, 110em)', '9.9', {type:'number', approx:0.1});
+test_math_used('scale(progress(1000em, 10rem, 110em))', 'scale(9.9)', {prop:'transform', type:'number', approx:0.1});
+test_math_used('scale(progress(0em, 0rem, 0em))', 'scale(0)', {prop:'transform', type:'number'});
+test_math_used('scale(progress(sign(1em - 1rem) * 1ex, 0rem, 0em))', 'scale(0)', {prop:'transform', type:'number'});
 
 // Type checking
-test_math_used('calc(progress(1 from 0 to 1) * 10px)', '10px');
-test_math_used('calc(progress(1 from 0 to 1) * 1s)', '1s', {type:'time'});
-test_math_used('calc(progress(1 from 0 to 1) * 1deg)', '1deg', {type:'angle', approx:0.001});
+test_math_used('calc(progress(1, 0, 1) * 10px)', '10px');
+test_math_used('calc(progress(1, 0, 1) * 1s)', '1s', {type:'time'});
+test_math_used('calc(progress(1, 0, 1) * 1deg)', '1deg', {type:'angle', approx:0.001});
 
 // Test different number accepting properties
-test_math_used('calc(progress(sign(1001em - 10lh * progress(100px from 2rex to 10ex)) * 10em from 2rem to 12em) / 2)', '0.4', {prop:'opacity', type:'number'});
-test_math_used('calc(progress(sign(1001em - 10lh * progress(100px from 2rex to 10ex)) * 20em from 2rem to 12em) * 10)', '18', {prop:'order', type:'number'});
-test_math_used('calc(progress(sign(1001em - 10lh * progress(100px from 2rex to 10ex)) * 20em from 2rem to 12em) * 30)', '54', {prop:'flex-grow', type:'number'});
-test_math_used('calc(progress(sign(1001em - 10lh * progress(100px from 2rex to 10ex)) * 20em from 2rem to 12em) / 4)', '0.45', {prop:'flex-grow', type:'number'});
-test_math_used('calc(progress(sign(1001em - 10lh * progress(100px from 2rex to 10ex)) * 20em from 2rem to 12em) * 4)', '7', {prop:'column-count', type:'number'});
-test_math_used('calc(progress(sign(1001em - 10lh * progress(100px from 2rex to 10ex)) * 20em from 2rem to 12em) * 2)', '3.6', {prop:'scale'});
-test_math_used('rotate3d(progress(21em from 1rem to 11em), progress(21em from 1rem to 11em), progress(21em from 1rem to 11em), calc(progress(11em from 1rem to 11em) * 2deg))', 'rotate3d(2, 2, 2, 2deg)', {prop:'transform'});
+test_math_used('calc(progress(sign(1001em - 10lh * progress(100px, 2rex, 10ex)) * 10em, 2rem, 12em) / 2)', '0.4', {prop:'opacity', type:'number'});
+test_math_used('calc(progress(sign(1001em - 10lh * progress(100px, 2rex, 10ex)) * 20em, 2rem, 12em) * 10)', '18', {prop:'order', type:'number'});
+test_math_used('calc(progress(sign(1001em - 10lh * progress(100px, 2rex, 10ex)) * 20em, 2rem, 12em) * 30)', '54', {prop:'flex-grow', type:'number'});
+test_math_used('calc(progress(sign(1001em - 10lh * progress(100px, 2rex, 10ex)) * 20em, 2rem, 12em) / 4)', '0.45', {prop:'flex-grow', type:'number'});
+test_math_used('calc(progress(sign(1001em - 10lh * progress(100px, 2rex, 10ex)) * 20em, 2rem, 12em) * 4)', '7', {prop:'column-count', type:'number'});
+test_math_used('calc(progress(sign(1001em - 10lh * progress(100px, 2rex, 10ex)) * 20em, 2rem, 12em) * 2)', '3.6', {prop:'scale'});
+test_math_used('rotate3d(progress(21em, 1rem, 11em), progress(21em, 1rem, 11em), progress(21em, 1rem, 11em), calc(progress(11em, 1rem, 11em) * 2deg))', 'rotate3d(2, 2, 2, 2deg)', {prop:'transform'});
 </script>
diff --git a/css/css-values/progress-invalid.tentative.html b/css/css-values/progress-invalid.tentative.html
index e009eef4ccfa8c..4e6f2e8a7bbf1d 100644
--- a/css/css-values/progress-invalid.tentative.html
+++ b/css/css-values/progress-invalid.tentative.html
@@ -17,28 +17,29 @@
 test_invalid_number('progress()');
 test_invalid_number('progress( )');
 test_invalid_number('progress(,)');
-test_invalid_number('progress(1 from )');
+test_invalid_number('progress(1, )');
 test_invalid_number('progress(1)');
-test_invalid_number('progress(50% to 0)');
-test_invalid_number('progress(0 from 1 to)');
-test_invalid_number('progress(from to)');
-test_invalid_number('progress(from 1 to 0)');
-test_invalid_number('progress(from 1 to 0 1)');
+test_invalid_number('progress(50%, 0)');
+test_invalid_number('progress(0, 1,)');
+test_invalid_number('progress(from,)');
+test_invalid_number('progress(from 1, 0)');
+test_invalid_number('progress(from 1, 0 1)');
 test_invalid_number('progress(from 1 0)');
-test_invalid_number('progress(0 from to 0)');
-test_invalid_number('progress(to to to to to)');
-test_invalid_number('progress(0, from, 10, to 200)');
-test_invalid_number('progress(0, from, 10, to, 200)');
-test_invalid_number('progress(0, from 10, to 200)');
+test_invalid_number('progress(0,, 0)');
+test_invalid_number('progress(to,,,,)');
+test_invalid_number('progress(0,,, 10,, 200)');
+test_invalid_number('progress(0,,, 10,,, 200)');
+test_invalid_number('progress(0,, 10,, 200)');
 test_invalid_number('progress(0, 10, 200)');
+test_invalid_number('progress(0 from 10 to 200)');
 
 // General tests
-test_invalid_number('progress(5% from 0 to 8');
-test_invalid_number('progress(5% from 0deg to 8deg');
-test_invalid_number('progress(5 from 0deg to 8deg');
-test_invalid_number('progress(5 from 0% to 8deg');
-test_invalid_number('progress(5 from 0% to sign(10px)');
-test_invalid_number('progress(5% from 0px to 10px');
-test_invalid_length('calc(1px * progress(10deg from 0 to 10))');
-test_invalid_length('calc(1px * progress(10 from 0px to 10))');
+test_invalid_number('progress(5%, 0, 8');
+test_invalid_number('progress(5%, 0deg, 8deg');
+test_invalid_number('progress(5, 0deg, 8deg');
+test_invalid_number('progress(5, 0%, 8deg');
+test_invalid_number('progress(5, 0%, sign(10px)');
+test_invalid_number('progress(5%, 0px, 10px');
+test_invalid_length('calc(1px * progress(10deg, 0, 10))');
+test_invalid_length('calc(1px * progress(10, 0px, 10))');
 </script>
diff --git a/css/css-values/progress-serialize.tentative.html b/css/css-values/progress-serialize.tentative.html
index d2090cb7f8dc66..49c3a3c3d56596 100644
--- a/css/css-values/progress-serialize.tentative.html
+++ b/css/css-values/progress-serialize.tentative.html
@@ -14,43 +14,43 @@
 }
 
 test_serialization(
-    'progress(100px from 0px to 100px)',
+    'progress(100px, 0px, 100px)',
     'calc(1)',
     '1',
 );
 test_serialization(
-    'progress(10em from 0px to 10em)',
-    'progress(10em from 0px to 10em)',
+    'progress(10em, 0px, 10em)',
+    'progress(10em, 0px, 10em)',
     '1',
 );
 test_serialization(
-    'progress(10em from 0px to 10rem)',
-    'progress(10em from 0px to 10rem)',
+    'progress(10em, 0px, 10rem)',
+    'progress(10em, 0px, 10rem)',
     '1',
 );
 test_serialization(
-    'progress(100px from (10px - 10px) to 100px)',
+    'progress(100px, (10px - 10px), 100px)',
     'calc(1)',
     '1',
 );
 test_serialization(
-    'progress(1% from (10% - 10%) to 100%)',
+    'progress(1%, (10% - 10%), 100%)',
     'calc(0.01)',
     '0.01',
 );
 test_serialization(
-    'calc(0.5 * progress(100px from 0px to 100px))',
+    'calc(0.5 * progress(100px, 0px, 100px))',
     'calc(0.5)',
     '0.5'
 );
 test_specified_serialization(
     'width',
-    'calc(50px * progress(100px from 0px to 100px))',
+    'calc(50px * progress(100px, 0px, 100px))',
     'calc(50px)'
 );
 test_computed_serialization(
     'width',
-    'calc(1px * progress(abs(10%) from (10% - 10%) to 100% / 10))',
+    'calc(1px * progress(abs(10%), (10% - 10%), 100% / 10))',
     '1px',
 );
 </script>