水平線<hr>で途中から線種を変更する方法

水平線<hr>タグで、一本の線の中で途中から色や太さを変える方法を教えてください。
環境はwordpressでスタイルシートをいじらずに1ページのみhtmlでしたいです。

<hr style=左から100pxは太さ5pxのグレーの線、が途切れる100pxの地点から残りを画面の幅に合わせて青い2pxの線>のような感じです。レスポンシブに青い方の線は伸び縮みする

よろしくお願いします。

No.1 回答者： t_fumiaki 回答日時： 2017/03/17 16:59

hrは1本の水平線なんだから、そんな事が出来ない。