MDN’s new design is in Beta! A sneak peek:


::-moz-range-progress-lower ::-moz-range-progress-upper

The ::-moz-range-progress-lower and ::-moz-range-progress-upper pseudo-elements are intended to allow the range to act like the scrubber/seek-bar typically seen in <video> controls, where ::-moz-range-progress-lower might be used to indicate how much of the video has loaded, while ::-moz-range-progress-upper might be used to indicate how far through the video the video has currently played.

By default, the ::-moz-range-progress-lower and ::-moz-range-progress-upper pseudo-elements are display:none. Set them to display:inline-block if you want to style them.

Document Tags and Contributors

 Contributors to this page: kscarfone, Jonathan_Watt
 Last updated by: kscarfone,