SOURCE

<div class="wrap-tab">
    <div class="tab">
        <div class="txt">
            今天
        </div>
        <div class="date">
            10-18
        </div>
    </div>
    <div class="tab">
        <div class="txt">
            今天
        </div>
        <div class="date">
            10-18
        </div>
    </div>
    <div class="tab">
        <div class="txt">
            今天
        </div>
        <div class="date">
            10-18
        </div>
    </div>
    <div class="tab">
        <div class="txt">
            今天
        </div>
        <div class="date">
            10-18
        </div>
    </div>
    <div class="tab">
        <div class="txt">
            今天
        </div>
        <div class="date">
            10-18
        </div>
    </div>
    <div class="tab">
        <div class="txt">
            今天
        </div>
        <div class="date">
            10-18
        </div>
    </div>
    <div class="tab">
        <div class="txt">
            日
        </div>
        <div class="date">
            10-18
        </div>
    </div>
    <div class="line"></div>
</div>
<style>
    
</style>

.wrap-tab{
    display: flex;
    position: relative;
}
.tab{
    width:60px;
    text-align: center;
    background: red;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}
.line{
    width: 52px;
    height: 2px;
    background: #F7525A;
    position: absolute;left:0;bottom:-3px;
    transition-duration: 0.3s;
    transform: translateX(0px);
}