格式化jquery滑块工具提示文本

如何将jquery滑块工具提示文本的格式设置为百分比10-100%？就像使用D3JS的即时消息一样。这就是zoom.scaleExtent[0.2,2]

var tooltip = $('<div id="tooltip" />').css({
            position: 'absolute',
            top: 0,
            left: 20
        }).hide();

        $(".slider").slider({
            animate: "slow",
            range: "min",
            orientation: "vertical",
            min: zoom.scaleExtent()[0],
            max: zoom.scaleExtent()[1],
            value: scaleZ ,
            step: ((zoom.scaleExtent()[1] - zoom.scaleExtent()[0]) / 100),
            slide: function(event, ui) {
                tooltip.text(ui.value);
                slideFn(ui.value);
            }
        }).find(".ui-slider-handle").append(tooltip).hover(function() {
            tooltip.show()
        }, function() {
            tooltip.hide()
        });

当我滑动时，我会在工具提示中获得从0.2到2的值，但我需要它从10%到100%

试试这个：- JS:-

---

JSHiddle pleast fekky：嗨，AJ，当我缩放时，请检查这个，它不会从中心缩放。但当我使用鼠标滚轮时，它会从中心缩放。是的，但最大值似乎是99.00。有可能使100%@fekkyDEV这能回答你的问题吗？？

 slide: function(event, ui) {
                    tooltip.text(ui.value*100+"%");
                    slideFn(ui.value);
                }