From fd20ba5232b637480e0a03fc4aeaf71bbe38c2c3 Mon Sep 17 00:00:00 2001
From: Arnav7x <arnav777x@gmail.com>
Date: Tue, 20 Oct 2026 17:51:12 +0530
Subject: [PATCH] fix: recognize progress pseudo-elements

---
 .../__tests__/stylex-valid-styles-test.js       | 17 +++++++++++++++++
 .../src/reference/cssProperties.js              |  4 ++++
 .../@stylexjs/stylex/src/types/StyleXTypes.d.ts |  4 ++++
 3 files changed, 25 insertions(+)

diff --git a/packages/@stylexjs/eslint-plugin/__tests__/stylex-valid-styles-test.js b/packages/@stylexjs/eslint-plugin/__tests__/stylex-valid-styles-test.js
index 8ed8c0b6d..ec4a2423f 100644
--- a/packages/@stylexjs/eslint-plugin/__tests__/stylex-valid-styles-test.js
+++ b/packages/@stylexjs/eslint-plugin/__tests__/stylex-valid-styles-test.js
@@ -514,6 +514,23 @@ eslintTester.run('stylex-valid-styles', rule.default, {
          },
        },
      })`,
+
+    // test for progress elements
+    `import * as stylex from '@stylexjs/stylex';
+     stylex.create({
+       default: {
+         '::-webkit-progress-bar': {
+           appearance: 'none',
+         },
+         '::-webkit-progress-value': {
+           appearance: 'none',
+         },
+         '::-moz-progress-bar': {
+           appearance: 'none',
+         },
+       },
+     })`,
+
     // test for color
     `import * as stylex from '@stylexjs/stylex';
      stylex.create({
diff --git a/packages/@stylexjs/eslint-plugin/src/reference/cssProperties.js b/packages/@stylexjs/eslint-plugin/src/reference/cssProperties.js
index 18a1932d1..74e0db8ae 100644
--- a/packages/@stylexjs/eslint-plugin/src/reference/cssProperties.js
+++ b/packages/@stylexjs/eslint-plugin/src/reference/cssProperties.js
@@ -2380,6 +2380,10 @@ export const pseudoElements: RuleCheck = makeUnionRule(
   makeLiteralRule('::-moz-range-thumb'),
   makeLiteralRule('::-moz-range-track'),
   makeLiteralRule('::-moz-range-progress'),
+  // For progress elements
+  makeLiteralRule('::-webkit-progress-bar'),
+  makeLiteralRule('::-webkit-progress-value'),
+  makeLiteralRule('::-moz-progress-bar'),
 );
 
 export const pseudoClassesAndAtRules: RuleCheck = makeUnionRule(
diff --git a/packages/@stylexjs/stylex/src/types/StyleXTypes.d.ts b/packages/@stylexjs/stylex/src/types/StyleXTypes.d.ts
index ca32e1a12..f6db484f4 100644
--- a/packages/@stylexjs/stylex/src/types/StyleXTypes.d.ts
+++ b/packages/@stylexjs/stylex/src/types/StyleXTypes.d.ts
@@ -75,6 +75,10 @@ type CSSPropertiesWithExtras = Partial<
       '::-moz-range-thumb'?: CSSProperties;
       '::-moz-range-track'?: CSSProperties;
       '::-moz-range-progress'?: CSSProperties;
+      // For progress elements
+      '::-webkit-progress-bar'?: CSSProperties;
+      '::-webkit-progress-value'?: CSSProperties;
+      '::-moz-progress-bar'?: CSSProperties;
     }
   >
 >;