diff --git a/index.js b/index.js
index 5cc20dc..5a1b664 100644
--- a/index.js
+++ b/index.js
@@ -223,6 +223,9 @@ var Slider = {
       classes.push("with-label")
     else
       classes.push("without-label")
+    
+    if(slider.hasAttribute('disabled'))
+      classes.push('slider-disabled')
 
     containerHTML = '<div class="'+classes.join(' ')+'" id="slider'+data.id+'">'
       + containerHTML
diff --git a/test/server/sliders.html b/test/server/sliders.html
index 21cc33c..6966456 100644
--- a/test/server/sliders.html
+++ b/test/server/sliders.html
@@ -39,4 +39,8 @@
 
 <label id='slider-9'>
   <input type="range" max="4" data-label="a, b, c, d" data-label-a="1, 2, 3, 4" data-label-b="5, 6, 7, 8" data-before-label-a="a" data-after-label-a="a" data-before-label-b="b" data-after-label-b="b">
-</label>
\ No newline at end of file
+</label>
+
+<label id='slider-10'>
+  <input id="disk" type="range" min="0" value="3" max="5" disabled="disabled">
+</label>
diff --git a/test/slider.test.js b/test/slider.test.js
index bc10fc4..e090e59 100644
--- a/test/slider.test.js
+++ b/test/slider.test.js
@@ -153,4 +153,11 @@ describe('Slider', () => {
 
   })
 
+  it('adds disabled class to the container when slider is disabled', async () => {
+    // when the slider input contains the disabled attribute, 
+    // the container should have the 'slider-disabled' class
+    await u.findElement('#slider-10 [disabled="disabled"]')
+    await u.findElement(`.slider-container.slider-disabled`)
+  })
+
 })