ステップバー
コピペですぐ使えるステップバーのサンプルコードを動作・特徴別にまとめています。
無料ツール
ステップバーを自由に作成

ステップ数・ラベル・現在位置・サイズ・色・線・ボタンなどを設定して、HTML・CSS・JavaScriptを自動生成できます。

ステップバー作成ツールを使う
新しいタブで開きます

基本

HTML/CSSだけでステップバーを作る方法
基本のステップバーを作る方法

入れ子

ステップバー内にステップバーを表示する方法