金のフレーズ・銀のフレーズ。つくったもの脱jQuery最近メディアサイトなどでよく見かけて、ユーザービリティ的にいいなあと思ったのでつくってみました。デモをご確認ください。記事部分の高さを取得。それを1000分の1ずつにわける。スクロール量が記事の高さの1000分の1進むごとに、バーが0.1%ずつ進んでいく。コンテンツが入ります。コンテンツが入ります。記事全体の分量を示す部分。高さ3px横幅いっぱいのバーとしました。入れて、バーの動きをなめらかにするようにしています。位置はfixedにしました。読んだ分量を示す色付きのバー。