.bar-cont {
    xborder: 1px solid grey;
    width: 100%;
    height: 20px;
    padding: 5px;
}

.bar-cont > .outer {
    position: relative;
    width: 100%;
    height: 100%;
    border: 1px solid red;
    xbackground-color: rgb(49, 0, 0);
    xborder-radius: 5px;
    xbox-shadow: 
        0px 0px 10px red, 
        0px 0px 5px rgba(255,255,255, 0.5)
    ;
}

.bar-cont > .outer > .inner {
    width: 0%;
    height: 100%;
    xborder-radius: 5px;
    background-color: red;
    border-right: 1px solid rgb(255, 106, 0);
    xborder-radius: 5px 0px 0px 5px;
    box-shadow: 
        0px 0px 5px red
    ;
}

.bar-cont > .outer > .label {
    position: absolute;
    font-family: consolas,monospace;
    color: red;
    font-size: 2em;
    text-shadow: 
        0px 0px 5px black,
        0px 0px 5px black,
        0px 0px 5px black,
        0px 0px 5px black,
        0px 0px 5px black,
        0px 0px 5px black,
        0px 0px 5px black,
        0px 0px 5px black
    ;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: digital;
}