【jQuery】今ページのどの辺をスクロールしているか視覚的にわかるバーの実装方法

今どの辺をスクロールしているかわかったり、後どのくらいで読み終わるのかが視覚的にわかるスクロールバー？を実装しようとしたときの備忘録

どの辺をスクロールしているかわかるバー

参考サイト通りにやったら修正することなくできちゃったのでリンクだけ貼っとく

ただ、自分としてはスクロールを可視化したバーを「ページ最上部に戻る」ボタンとして活用できないかなと思って調べたので実装したデモを貼っとく