Draggable Reference Line

Designed for reading long articles, it helps remember the current reading progress.

Designed for reading long articles, it helps remember the current reading progress.

Resides at the top of the page, it can be dragged to the desired location.

The location is saved, you can resume even after the browser restarts, as long as the local storage is not cleared.

Three parameters, height, padding and color can be adjusted directly from the code.

If you forget where the line is, search for the invisible text "#DraggableReferenceLine".

When you finish, double click or drag above the page top to reset the line, no leftover remains in the storage.