diff --git a/src/resources/snippets.ts b/src/resources/snippets.ts
index 98d4dad5..0837bdc3 100644
--- a/src/resources/snippets.ts
+++ b/src/resources/snippets.ts
@@ -288,9 +288,9 @@ export default [
     "preview": "resources/assets/snippets/fix-listening-on.png",
   },
   {
-    "title": "Smooth Progress/Volume bar",
+    "title": "Smooth Progress/Volume Bar",
     "description": "Makes the Progress/Volume bar glide",
-    "code": ".x-progressBar-fillColor { transition: 500ms; } .progress-bar__slider { transition: 500ms; }",
+    "code": "@property --progress-bar-transform { inherits: true; initial-value: 0%; syntax: '<percentage>'; } .progress-bar { transition: --progress-bar-transform 1s linear !important; } .progress-bar:active { transition-duration: 150ms !important; }",
     "preview": "resources/assets/snippets/smooth-progress-bar.png",
   },
   {