https://bootsnipp.com/snippets/featured/form-wizard-using-tabs
Keypoint
  1. 1.
    connecting-line
    .connecting-line {
        height: 2px;
        background: #e0e0e0;
        position: absolute;
        width: 80%;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 50%;
        z-index: 1;
    }
  2. 2.
    round-tab
    span.round-tab {
        width: 70px;
        height: 70px;
        line-height: 70px;
        display: inline-block;
        border-radius: 100px;
        background: #fff;
        border: 2px solid #e0e0e0;
        z-index: 2;
        position: absolute;
        left: 0;
        text-align: center;
        font-size: 25px;
    }
    Location
    Folder name
    筆記 ~ 隨手記錄
    Author
    蘇德宙
    Branch
    專案部
    Created
    2017-11-19 08:56:43
    Last Updated
    2017-11-19 09:01:16
    Browse
    702