^ This can be your Slider, just install this plugin.

After SliderLabel plugin is enabled, you can add a new SliderLabel node onto your scene. The node needs to be a child of Slider. Done. Your Slider will now display the value. You can customize the label formatting, like color, font (size) etc. and it will all display correctly. The label updates when slider's value changes. The label also automatically adjusts depending if used with HSlider or VSlider.

SliderLabel comes with a few custom settings that can be used to customize its behavior. Note that you can't change them at runtime.

Controls when the label will display. The options are:

• On Click - label will display when the slider is being clicked.

• On Hover - label will display when it's being hovered by cursor.

• On Focus - label will display when it's currently focused. Works also with keyboard focus.

• Always - label will display.

Determines the side of the slider on which the label will be placed. Top/Bottom applies to HSlider and Right/Left to VSlider.

The space in pixels between label's and slider's rects.

Specifies the custom format for the value display. Requires exactly one placeholder (%s/%d/%f). You can also use it to display suffixes etc. Leave empty for no formatting.

Overrides the default behavior of using the parent. Useful when you want to put the label next to your slider, e.g. in a container.

You can find all my addons on my profile page.