Slider

Slider

Hi,

I need your help. I have a slider so my participant can scroll the slider bar to answer some questions between 0 and 100  But, I want de number to be visible. What to I need to do?

This is the part of the script 

if (($dscale[$a]==97) && ($slid==0)) {
print" <style type='text/css'>
.slider {font: 60% 'Trebuchet MS', sans-serif; margin-top: 25px; width:300px;}
.slider_text {font-size:10px;font-weight:500;}
.ui-widget-content { background: #bab0cc url($path/proq/images/images/ui-bg_inset-hard_100_bab0cc_1x100.png) 50% bottom repeat-x; }
.ui-widget-content .ui-state-default {background: #90879A;}
</style>
<script >
\$(function(){
\$('.contSlider').each(function(i,obj) {
var currentValue = \$(obj).find('.currentValue')
var slider = \$(obj).find('.slider')
slider.slider({
max: 100,
min: 0,
step:1,
value:50,
slide: function(event, ui) {
   currentValue.val(ui.value);
}
});
});
});
</script>";
$slid=1;
}

Thank you!