Enables the user to choose between a range of values by sliding a small bar along another bar.

The TrackBar is a scrollable control similar to the ScrollBar control. You can configure ranges through which the value of the Value property of a track bar scrolls by setting the Minimum property to specify the lower end of the range and the Maximum property to specify the upper end of the range.

The LargeChange property defines the increment to add or subtract from the Value property when clicks occur on either side of the scroll box. The track bar can be displayed horizontally or vertically.

You can use this control to input numeric data obtained through the Value property. You can display this numeric data in a control or use it in code.

For a full list of properties, methods and events see the API documentation.


Vertical Orientation

The TrackBar control is able to be shown in both horizontal and vertical orientations.

Tick Controls

The TrackBar control is able to customize the number of positions and the location of the tick marks.


JavaScript Widget


Class name


Theme appearance

"slider", see Themes.

Child components

"knob" is the slider handle. "begin" is the slider up to the knob. "end" is the slider after the knob. "bubble" is the popup shown while dragging the knob.

Source code

Last updated