.numeric-multi div.multinum-slider {
  margin-bottom: 3em;
}
 
.slider_callout {
  margin-left: -40px;
  text-align: center;
  top: -20px;
  width: 100px;
}
 
.numeric-multi .ui-slider-handle {
  top: -0.35em;
  width: 18px;
  height: 18px;
  margin-left: -10px;
}
 
.ui-slider-wrapper { position: relative; }
 
.ui-slider-wrapper .ui-slider-horizontal { width: 100%; }
 
.ui-slider-labels { 
  position: absolute; 
  border: 1px solid transparent; 
}
 
.ui-slider-label-ticks {
  border: 1px solid transparent; 
  position: absolute; 
  white-space: nowrap; 
}
 
.ui-slider-label-ticks span { 
  min-width: 1.2em; 
  font-size: 0.8em; 
  font-weight: normal; 
  font-family: Verdana,?Arial,?Helvetica,?sans-serif;
  padding: 2px 0 0 0 !important; 
}
 
.ui-slider-wrapper.horizontal { height: 4.5em; }
 
.horizontal .ui-slider-labels {
  left: 0; 
  right: 0; 
  top: 2.3em 
}
 
.horizontal .ui-slider-label-ticks {
  width: 1.2em; 
  height: .8em; 
  text-align: center; 
  border-left: 1px solid #DDDDDD; 
}
 
.horizontal .ui-slider-label-ticks span { 
  position: absolute; 
  display: inline-block;
  width: 1.2em;
  left: -0.6em;
  top: .8em; 
}

<script type="text/javascript" charset="utf-8">  
  $(document).ready(function(){
    $('#question{QID} .multinum-slider').labeledslider({ 
      tickInterval: 1,
      min: 0,
      max: 10
    });
  });
</script>

/*!
 * Copyright (c) 2012 Ben Olson (https://github.com/bseth99/jquery-ui-extensions)
 * jQuery UI LabeledSlider @VERSION
 *
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 * Depends:
 *  jquery.ui.core.js
 *  jquery.ui.widget.js
 *  jquery.ui.mouse.js
 *  jquery.ui.slider.js
 *
 * Modified for LimeSurvey 2.0 by Tony Partner - https://partnersurveys.com
 */
 
(function( $, undefined ) {
 
 
    $.widget( "ui.labeledslider", $.ui.slider, {
 
      version: "@VERSION",
 
      options: {
         tickInterval: 0,
         tweenLabels: true,
         tickLabels: null,
         tickArray: []
      },
 
      uiSlider: null,
      tickInterval: 0,
      tweenLabels: true,
 
      _create: function( ) {
 
         this._detectOrientation();
 
         this.uiSlider =
             this.element
                .wrap( '<div class="ui-slider-wrapper ui-widget"></div>' )
                .before( '<div class="ui-slider-labels"></div>' )
                .parent()
                .addClass( this.orientation )
                .css( 'font-size', this.element.css('font-size') );
 
         this.element.removeClass( 'ui-widget' )
 
         this._alignWithStep();
 
         if ( this.orientation == 'horizontal' ) {
            this.uiSlider
               .width( this.element.css('width') );
         } else {
            this.uiSlider
               .height( this.element.css('height') );
         }
 
         this._drawLabels();
      },
 
      _drawLabels: function () {
 
         var labels = this.options.tickLabels || {},
             $lbl = this.uiSlider.children( '.ui-slider-labels' ),
             dir = this.orientation == 'horizontal' ? 'left' : 'bottom',
             min = this.options.min,
             max = this.options.max,
             inr = this.tickInterval,
             cnt = ( max - min ),
             tickArray = this.options.tickArray,
             ta = tickArray.length > 0,
             label, pt,
             i = 0;
 
         $lbl.html('');
 
         for (;i<=cnt;i++) {
 
            if ( ( !ta &amp;&amp; i%inr == 0 ) || ( ta &amp;&amp; tickArray.indexOf( i+min ) > -1 ) ) {
 
               label = labels[i+min] ? labels[i+min] : (this.options.tweenLabels ? i+min : '');
 
               $('<div>').addClass( 'ui-slider-label-ticks' )
                   .css( dir, (Math.round( ( i / cnt ) * 10000 ) / 100) + '%' )
                   .html( '<span>'+( label )+'</span>' )
                   .appendTo( $lbl );
 
            }
         }
 
      },
 
      _setOption: function( key, value ) {
 
          switch ( key ) {
 
             case 'tickInterval':
             case 'tickLabels':
             case 'tickArray':
             case 'min':
             case 'max':
             case 'step':
 
                this._alignWithStep();
                this._drawLabels();
                break;
 
             case 'orientation':
 
                this.element
                   .removeClass( 'horizontal vertical' )
                   .addClass( this.orientation );
 
                this._drawLabels();
                break;
          }
       },
 
       _alignWithStep: function () {
          if ( this.options.tickInterval < this.options.step )
            this.tickInterval = this.options.step;
          else
            this.tickInterval = this.options.tickInterval;
       },
 
       _destroy: function() {
          this.uiSlider.replaceWith( this.element );
       },
 
       widget: function() {
          return this.uiSlider;
       }
 
   });
 
}(jQuery));

<script type="text/javascript" charset="utf-8">  
  $(document).ready(function(){
    $('#question{QID} .ui-slider').labeledslider({ 
      tickInterval: 10,
      min: 0,
      max: 70
    });
  });
</script>

.numeric-multi label.slider-label {
    padding: 0 1em 2.5em 0;
}
 
.slider_callout {
  margin-left: -50px;
  text-align: center;
  top: -20px;
  width: 100px;
}
 
.numeric-multi .ui-slider-handle {
  top: -0.35em;
  width: 18px;
  height: 18px;
  margin-left: -10px;
}
 
.ui-slider-wrapper { position: relative; }
 
 
.ui-slider-labels { 
  position: absolute; 
  border: 1px solid transparent; 
}
 
.ui-slider-label-ticks {
  border: 1px solid transparent; 
  position: absolute; 
  white-space: nowrap; 
}
 
.ui-slider-label-ticks span { 
  min-width: 1.2em; 
  font-size: 0.8em; 
  font-weight: normal; 
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-style: normal;
  padding: 2px 0 0 0 !important; 
}
 
.ui-slider-wrapper.horizontal { height: 4.5em; }
 
.horizontal .ui-slider-labels {
  left: 0; 
  right: 0; 
  top: 0.6em 
}
 
.horizontal .ui-slider-label-ticks {
  width: 1.2em; 
  height: .8em; 
  text-align: center; 
  border-left: 1px solid #DDDDDD; 
  margin-left: 1px;
}
 
.horizontal .ui-slider-label-ticks span { 
  position: absolute; 
  display: inline-block;
  width: 1.2em;
  left: -0.6em;
  top: .8em; 
}