stepper.css

.stepper-container {
    position: relative;
    height: 50px;
}

    .stepper-container hr {
        position: absolute;
        width: 83%;
        top: 5px;
        left: 8%;
        z-index: 1;
        height: 2px;
        background: #676767;
        border: none;
    }

div.stepper {
    position: absolute;
    display: table;
    width: 100%;
    z-index: 2;
}


    div.stepper .step {
        display: table-cell;
        text-align: center;
        width: 16%;
        z-index: 3;
    }

        div.stepper .step.active > label.step-number {
            color: #fff;
            border: 2px solid #cd6928;
            background-color: #cd6928;
        }

        div.stepper .step.active > label:last-child {
            color: #cd6928;
        }

        div.stepper .step > label.step-number {
            background-color: #fff;
            color: #676767;
            border-radius: 50%;
            border: 2px solid #676767;
            display: inline-block;
            height: 20px;
            width: 20px;
            margin-bottom: 6px;
        }

            div.stepper .step > label.step-number > span {
                margin-top: 3px;
                display: inline-block;
            }

        div.stepper .step > label {
            display: block;
        }

            div.stepper .step > label:last-child {
                font-weight: bold;
            }