diff --git a/.changeset/true-states-think.md b/.changeset/true-states-think.md
new file mode 100644
index 0000000000..70532844b9
--- /dev/null
+++ b/.changeset/true-states-think.md
@@ -0,0 +1,6 @@
+---
+"@gradio/slider": patch
+"gradio": patch
+---
+
+fix:Allow negative values in gr.Slider
diff --git a/js/slider/Index.svelte b/js/slider/Index.svelte
index e395f09b17..3fe952c915 100644
--- a/js/slider/Index.svelte
+++ b/js/slider/Index.svelte
@@ -70,9 +70,9 @@
 	}
 	function set_slider_range(): void {
 		const range = range_input;
-		const min = Number(range.min) || 0;
-		const max = Number(range.max) || 100;
-		const val = Number(range.value) || 0;
+		const min = Number(range.min);
+		const max = Number(range.max);
+		const val = Number(range.value);
 		const percentage = ((val - min) / (max - min)) * 100;
 		range.style.setProperty("--range_progress", `${percentage}%`);
 	}
diff --git a/js/slider/Slider.stories.svelte b/js/slider/Slider.stories.svelte
index e19ad74a36..e66838c72e 100644
--- a/js/slider/Slider.stories.svelte
+++ b/js/slider/Slider.stories.svelte
@@ -25,8 +25,11 @@
 />
 
 <Story
-	name="Slider with hidden label"
+	name="Slider with hidden label and negative value"
 	args={{
+		value: -50,
+		minimum: -100,
+		maximum: 0,
 		show_label: false
 	}}
 />