title: Adding linking lines between two elements using css / jQuery
body: <p>I have created a wizard like UI(below screenshot). But I am not sure how to add a line linking  point 1 to 2, highlighted withing the red box, when the user on the step 1 presses next and navigates to step 2. Is it possible using CSS / jQuery? I googled up but couldn't find anything on how to go about this. Any pointer on how to do this will also be helpful. Thanks!</p>
  
  <pre><code> &lt;table width="100%"&gt;
  
          &lt;tr&gt;
              &lt;td align="center" width="20%"&gt;
                  &lt;div class="circleBase numberDiv1"&gt;
                      &lt;font class="ft1"&gt;1&lt;/font&gt;
                  &lt;/div&gt;&lt;br/&gt;
                  &lt;div  id="myNewLink1" &gt;
                      &lt;font class="ft"&gt;step 1&lt;/font&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td align="center" width="20%"&gt;
                  &lt;div class="circleBase numberDiv2"&gt;
                      &lt;font class="ft1"&gt;2&lt;/font&gt;
                  &lt;/div&gt;&lt;br/&gt;
                  &lt;div href="#" id="myNewLink2" &gt;
                      &lt;font class="ft"&gt;step 2&lt;/font&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td align="center" width="20%"&gt;
                  &lt;div class="circleBase numberDiv3"&gt;
                      &lt;font class="ft1"&gt;3&lt;/font&gt;
                  &lt;/div&gt;&lt;br/&gt;
                  &lt;div href="#" id="myNewLink3" &gt;
                      &lt;font class="ft"&gt;step 3&lt;/font&gt;
                  &lt;/div&gt;
              &lt;/td&gt;
              &lt;td align="center" width="20%"&gt;
                  &lt;div class="circleBase numberDiv4"&gt;
                      &lt;font class="ft1"&gt;4&lt;/font&gt;
                  &lt;/div&gt;&lt;br/&gt;
                  &lt;div href="#" id="myNewLink4" &gt;
                      &lt;font class="ft"&gt;step 4&lt;/font&gt;
                  &lt;/div&gt;
              &lt;/td&gt;    
         &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/ubHYr.jpg" alt="css"></p>