# TrackBar

The Wisej.NET `TrackBar` is a scrollable control similar to the `ScrollBar`. Configure value ranges by setting the `Minimum` property for the lower end and the `Maximum` property for the upper end.

The `LargeChange` property defines the increment to add or subtract from the `Value` property when clicking either side of the scroll box. The track bar displays horizontally or vertically.

Use this control to input numeric data through the `Value` property, which can be displayed in a control or used in code.

{% hint style="info" %}
For a full list of properties, methods and events see the [API documentation.](http://docs.wisej.com/api)
{% endhint %}

## Features

### Vertical Orientation

The `TrackBar` control supports both horizontal and vertical orientations.

![TrackBar in horizontal and vertical orientations](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-adbb4663a11353188df43fe9efd24031b5b0b631%2Fimage.png?alt=media)

### Tick Controls

The `TrackBar` control allows customization of tick mark positions and count.

![TrackBar with different tick mark configurations](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-c3274e9a96b74cf3a02d295b10c3e62afd98218c%2Fimage.png?alt=media)

## Advanced

### JavaScript Widget

| Item             | Description                                                                                                                                                 |
| ---------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Class name       | "wisej.web.TrackBar"                                                                                                                                        |
| Theme appearance | "slider", see [Themes](https://docs.wisej.com/theme-builder/theme-elements/elements).                                                                       |
| 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      | [https://github.com/iceteagroup/wisej-js](https://github.com/iceteagroup/wisej-js/blob/master/wisej.web.TextBox.js)                                         |