.top-bar {
    height: 30px;
    overflow: hidden;
    display: flex;
}

/* 7份 */
.left-bar {
    flex: 7;
    background: #1f4f33;
}

/* 3份 */
.right-bar {
    flex: 3;
    background: #b7f300;

    /* 大圆弧 */
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;

    /* 向左叠加制造凸出 */
    margin-left: -40px;
}