TIPSBLOCKS · Back to Top / Design Library · TB-2186

A small detail. A better experience.

Scroll this page to see the control in context.

Meter / Volume Dial — Functional progress meter with a useful real-time value

01 / COMPOSITION

Designed to fit real websites.

This is a long demonstration page for the actual Back to Top control.

02 / INTERACTION

Ambient motion and hover

Notice the continuous motion, then hover or focus the button to see the response.

Idle: Dial progress follows actual scroll percentage
Hover: Outer ring rotates subtly, label highlights

03 / FUNCTION

Back to the beginning

Click or tap the control to return to the top.