Το παρακάτω διαδραστικό παράδειγμα παρουσιάζει ένα range slider, ένα από τα πιο συνηθισμένα στοιχεία χειρισμού στις διεπαφές χρήστη.
Τα sliders χρησιμοποιούνται για την επιλογή τιμών μέσα σε ένα εύρος, προσφέροντας άμεση ανάδραση και ευκολία χρήσης.

Ασκηση: Τροποποιήστε τον υπάρχοντα κώδικα του slider ώστε η μπάρα του slider να αλλάζει χρώμα ανάλογα με την τιμή (0–30 → κόκκινο, 31–70 → πορτοκαλί,71–100 → πράσινο)