Hi,

You can create div with absolute position to build interval information.

Please check the below sample:

    <cc1:ToolkitScriptManager runat="Server" EnablePartialRendering="true" ID="ScriptManager1" />
    <div>
        <asp:TextBox ID="txtSlider" runat="server" Text='0' AutoPostBack="true" OnTextChanged="Slider1_TextChanged"
            Style="display: none" Height="16px" Width="500px" />
        <div style="position: absolute; height: 8px; width: 8px" id="value0">
            0
        </div>
        <div style="position: absolute; height: 8px; width: 8px" id="value1">
            5
        </div>
        <div style="position: absolute; height: 8px; width: 8px" id="value2">
            10
        </div>
    </div>

    <script type="text/javascript">

    function getLeft(e) {
        var offset = e.offsetLeft;
        if (e.offsetParent != null) offset += getLeft(e.offsetParent);
        return offset;
    }
    function pageLoad() {

        var text = $get('<%=txtSlider.ClientID %>');
 
        var slider_width = parseInt($find("sliderbehavior").get_Length().replace('px',''));

        $get('value0').style.left = parseInt(getLeft(text), 10)  + 'px';
        $get('value2').style.left = parseInt(getLeft(text), 10) + slider_width + 'px';
        $get('value1').style.left = (parseInt(getLeft(text), 10) + slider_width) / 2 + 'px';
        
        
    }
    </script>

    <cc1:SliderExtender ID="slider" BehaviorID="sliderbehavior" runat="server" TargetControlID="txtSlider" Orientation="Horizontal" Length="500" 
        Minimum="0" Steps='3' Maximum='10' />

vince always has awesome answers.  How about you put a background that has a picture of the intervals on it.

Hi,

You can use a background image instead of the number in div controls.