Pagination V09

Author: Colorlib

Released: September 2026

License: CC BY 3.0

A weather station log with 1,248 daily pages, where a range slider lets you scrub through the whole archive and see each day as you drag. A bubble follows the thumb with the page number, first, previous, next and last buttons handle fine steps, and the slider reports the page and date through aria-valuetext. The readings table is generated for each page, so every position shows real content.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 109 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

• Native range input styled for Chrome, Safari and Firefox
• Live page bubble that tracks the thumb
• aria-valuetext with page number and date
• First, previous, next and last buttons with disabled states
• Deterministic generated data, so each page is stable