fix(snippets): improve Smooth Progress/Volume Bar code (#680)

spicetify · Jan 24, 2024 · 5564b64 · 5564b64
1 parent 6b3bd28
commit 5564b64
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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",
   },
   {