Update demo for 2.12.0 release

demo.js

@@ -229,6 +229,16 @@ app.controller('MainCtrl', function($scope, $rootScope, $timeout, $modal) {
     }
   };
 
+  //Slider with ticks
+  $scope.slider_ticks_intermediate = {
+    value: 55,
+    options: {
+      floor: 0,
+      ceil: 100,
+      showTicks: 10
+    }
+  };
+
   //Slider with ticks and tooltip
   $scope.slider_ticks_tooltip = {
     value: 5,
@@ -266,6 +276,17 @@ app.controller('MainCtrl', function($scope, $rootScope, $timeout, $modal) {
     }
   };
 
+  //Range slider with ticks and values
+  $scope.range_slider_ticks_values_intermediate = {
+    minValue: 15,
+    maxValue: 85,
+    options: {
+      floor: 0,
+      ceil: 100,
+      showTicksValues: 10
+    }
+  };
+
   //Slider with draggable range
   $scope.slider_draggable_range = {
     minValue: 1,

index.html

@@ -225,6 +225,16 @@
     <show-code js-file="slider_ticks" html-file="singleSlider"></show-code>
   </article>
 
+
+  <article>
+    <h2>Slider with ticks at intermediate positions</h2>
+    <rzslider
+      rz-slider-model="slider_ticks_intermediate.value"
+      rz-slider-options="slider_ticks_intermediate.options"
+    ></rzslider>
+    <show-code js-file="slider_ticks_intermediate" html-file="singleSlider"></show-code>
+  </article>
+
   <article>
     <h2>Slider with ticks and tooltips</h2>
     <rzslider
@@ -253,6 +263,16 @@
     <show-code js-file="range_slider_ticks_values" html-file="rangeSlider"></show-code>
   </article>
 
+  <article>
+    <h2>Range slider with ticks and values at intermediate positions</h2>
+    <rzslider
+      rz-slider-model="range_slider_ticks_values_intermediate.minValue"
+      rz-slider-high="range_slider_ticks_values_intermediate.maxValue"
+      rz-slider-options="range_slider_ticks_values_intermediate.options"
+    ></rzslider>
+    <show-code js-file="range_slider_ticks_values_intermediate" html-file="rangeSlider"></show-code>
+  </article>
+
   <article>
     <h2>Slider with draggable range</h2>
     <rzslider

snippets/range_slider_ticks_values_intermediate.js

+$scope.slider = {
+  minValue: 15,
+  maxValue: 85,
+  options: {
+    floor: 0,
+    ceil: 100,
+    showTicksValues: 10
+  }
+};

snippets/slider_ticks_intermediate.js

+$scope.slider = {
+  value: 55,
+  options: {
+    floor: 0,
+    ceil: 100,
+    showTicks: 10
+  }
+};