jquery - css / jQueryを使用して2つの要素間にリンク線を追加する

Question

UIのようなウィザードを作成しました（スクリーンショットの下）。しかし、ステップ1のユーザーが次を押してステップ2に移動したときに、赤いボックスで強調表示されたポイント1から2を結ぶ線を追加する方法がわかりません.CSS / jQueryを使用することは可能ですか? 私はグーグルで検索しましたが、これについてどうすればよいかについて何も見つかりませんでした。これを行う方法についての指針も役立ちます。ありがとう！

 <table width="100%">

        <tr>
            <td align="center" width="20%">
                <div class="circleBase numberDiv1">
                    <font class="ft1">1</font>
                </div><br/>
                <div  id="myNewLink1" >
                    <font class="ft">step 1</font>
                </div>
            </td>
            <td align="center" width="20%">
                <div class="circleBase numberDiv2">
                    <font class="ft1">2</font>
                </div><br/>
                <div href="#" id="myNewLink2" >
                    <font class="ft">step 2</font>
                </div>
            </td>
            <td align="center" width="20%">
                <div class="circleBase numberDiv3">
                    <font class="ft1">3</font>
                </div><br/>
                <div href="#" id="myNewLink3" >
                    <font class="ft">step 3</font>
                </div>
            </td>
            <td align="center" width="20%">
                <div class="circleBase numberDiv4">
                    <font class="ft1">4</font>
                </div><br/>
                <div href="#" id="myNewLink4" >
                    <font class="ft">step 4</font>
                </div>
            </td>    
       </tr>
    </table>