Create a multi-numeric question - set it to be in slider format - create some custom styling such as :

.slider-label{display:block !important;text-align:center !important;float:none !important;width:100% !important; margin: 20px 0 0px;}
.slider_lefttext{display:inline-block;vertical-align:middle;padding-right:5px;width:25%;text-align:right;top:0px;color:#444;font-size:1em;}
.slider_righttext{display:inline-block;vertical-align:middle;padding-left:10px;width:25%; text-align:left;top:0px;color:#444;font-size:1em;}
.ui-slider{display:inline-block;vertical-align:middle;margin:15px auto 20px auto;padding:0px;width:40%;}
.numeric-multi .answers-wrapper li {text-align:center;}

In Chrome the slider is drawn at a fixed width rather than the specified 50% - in firefox it is fine.

This seems to be an established bug in chrome (http://stackoverflow.com/questions/3485365/how-can-i-force-webkit-to-redraw-repaint-to-propagate-style-changes)

We need a work around in limesurvey - the best I can come up with is adding this to the end of the doNumericSlider function - it works a treat and perhaps should be included in the main source so I don't have to patch on upgrade?

//fix buggy chrome which doesn't properly apply the css rules after this insertion
$("#question"+qID).hide().show(0);