Hover over a number for details.
function handleSliderSlide(e, ui) { var maxScroll = $("#bar-scroll").attr("scrollWidth") - $("#bar-scroll").width(); $("#bar-scroll").attr({scrollLeft: ui.value * (maxScroll / 100) }); }
.tooltip { display:none; background:#fff; border-radius:8px; border:2px solid #aa0000; font-size:15px; width:230px; padding:15px; color:#0000; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:12px; line-height:16px; text-align:left; box-shadow: 2px 2px 4px #000; } .tooltip strong { text-transform:uppercase; }