diff --git a/resources/assets/snippets/smooth-progress-bar.png b/resources/assets/snippets/smooth-progress-bar.png
new file mode 100644
index 00000000..ae820c18
Binary files /dev/null and b/resources/assets/snippets/smooth-progress-bar.png differ
diff --git a/src/resources/snippets.ts b/src/resources/snippets.ts
index 5dc655ab..0134823a 100644
--- a/src/resources/snippets.ts
+++ b/src/resources/snippets.ts
@@ -305,4 +305,10 @@ export default [
     "code": ".Svg-presentation-essentialBase-small-icon-autoMirror {fill: var(--spice-text);} .TypeElement-mesto-textBase-type {color: var(--spice-text) !important;} .main-devicePicker-indicator {display: none !important;} .main-nowPlayingBar-container {height: 72px !important;} .main-connectBar-connectBar {position: absolute !important; align-items: center !important; top: 42px !important; height: 32px !important; align-self: center !important; background-color: transparent !important; width: 30% !important;}",
     "preview": "resources/assets/snippets/fix-listening-on.png",
   },
+  {
+    "title": "Smooth Progress/Volume bar",
+    "description": "Makes the Progress/Volume bar glide",
+    "code": ".x-progressBar-fillColor { transition: 500ms; } .progress-bar__slider { transition: 500ms; }",
+    "preview": "resources/assets/snippets/smooth-progress-bar.png",
+  },
 ];