<style>
.circle {
width: 10px;
height: 10px;
border-radius: 15px 15px 15px 15px;
padding:5px;
background: white;
border: 1px solid green;

}
.circle-inner {
            width: 10px;
            height: 10px;
            border-radius: 10px 10px 10px 10px;
            background: green;

}

</style>
<font face="Times New Roman" size="1">stage1</font>
<span class="circle" style="display:block">
<span class="circle-inner" style="display:block"></span>
</span>
<hr style="height:1px; margin-top:-10px; border:none; color:#000; background-color:#000;width:80px;margin-left:22px">
<font face="Times New Roman"  size="1">stage2</font></span>
<span class="circle" style="display:block">
<span class="circle-inner" style="display:block"></span>
</span>
<hr style="height:1px; margin-top:-11px; border:none; color:#000; background-color:#000;width:80px;margin-left:22px">