fix(Slider): fix slider position based on value min and range (#5982)

Author: emyarod

packages/react/src/components/Slider/Slider-test.js

@@ -25,9 +25,9 @@ describe('Slider', () => {
       <Slider
         id={id}
         className="extra-class"
-        value={50}
-        min={0}
-        max={100}
+        value={1}
+        min={1}
+        max={3}
         step={1}
       />
     );
@@ -56,6 +56,10 @@ describe('Slider', () => {
       expect(wrapper.props().value).toEqual(55);
     });
 
+    it('should accurately position slider on mount', () => {
+      expect(wrapper.state().left).toEqual(0);
+    });
+
     it('should specify light version as expected', () => {
       expect(wrapper.props().light).toEqual(false);
       wrapper.setProps({ light: true });

packages/react/src/components/Slider/Slider.js

@@ -424,7 +424,7 @@ export default class Slider extends PureComponent {
       if (value == null) {
         value = this.state.value;
       }
-      leftPercent = value / (range - this.props.min);
+      leftPercent = (value - this.props.min) / range;
     }
 
     if (useRawValue) {