Add pushRange demo

demo.js

@@ -62,6 +62,19 @@ app.controller('MainCtrl', function($scope, $rootScope, $timeout, $modal) {
     }
   };
 
+  //Range slider with pushRange config
+  $scope.pushRangeSlider = {
+    minValue: 40,
+    maxValue: 60,
+    options: {
+      floor: 0,
+      ceil: 100,
+      step: 1,
+      minRange: 10,
+      pushRange: true
+    }
+  };
+
   //Slider with selection bar
   $scope.slider_visible_bar = {
     value: 10,

index.html

@@ -90,6 +90,16 @@
     <show-code js-file="noSwitchingSlider" html-file="rangeSlider"></show-code>
   </article>
 
+  <article>
+    <h2>Range slider with minimum range of 10 and pushRange option</h2>
+    <rzslider
+      rz-slider-model="pushRangeSlider.minValue"
+      rz-slider-high="pushRangeSlider.maxValue"
+      rz-slider-options="pushRangeSlider.options"
+    ></rzslider>
+    <show-code js-file="pushRangeSlider" html-file="rangeSlider"></show-code>
+  </article>
+
   <article>
     <h2>Slider with visible selection bar</h2>
     <rzslider

snippets/pushRangeSlider.js

+$scope.slider = {
+    minValue: 60,
+    maxValue: 60,
+    options: {
+        floor: 0,
+        ceil: 100,
+        step: 1,
+        minRange: 10,
+        pushRange: true
+    }
+};