Like sliders, scroll bars allow the user to interactively select from a range of values. Unlike sliders, scroll bars are used to select a sub-range rather than an individual value. The size of this sub-range is known as the scroll bar's "extent". The extent, together with the start and end values of the outer range, comprise the scroll bar's "scope", represented by the ScrollBar.Scope enum.

Visually, a scroll bar is usually presented as a scroll "handle" (sometimes called the "thumb") within a larger "track", with two buttons on either end of the track to move the handle. The track represents the outer range from which the user can select, and the size of the handle represents the scroll bar's extent.

A scroll bar's value represents the start of the selected sub-range; its value plus its extent represents the end of the sub-range. Using the visual metaphor above, the start of the handle and the end of the handle represent the bounds of the selected sub-range. Note that this means that the scroll bar's value plus its extend must never exceed its scope; doing so would mean that the scroll bar's handle would have moved outside of the track.

Finally, a scroll bar has a unit increment and a block increment. These values specify how much to adjust the scroll bar's value when a user clicks on the buttons or within the track, respectively.

Scroll bars are used within scroll panes and are most often transparent to the application developer. However, they can be used directly just like any other components. The following application uses a scroll bar to represent a simple timeline.

The BXML source for this example is shown below: