JSFiddle - React, Tailwind, and code Playground

HTML

<div id="gauge">
  <div id="current" style="height: 15%; top: 5%;">85</div>
  <div id="percentual" style="height: 85%;">100%</div>
</div>

CSS

body {
    background-color: #000;
    font-family: "Helvetica";
    margin: 35px 35px 35px 50px;
}

#gauge {
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;

    background-color: #5E767D;
    border: 2px solid #FFF;
    color: #000;
    float: right;
    height: 260px;
    margin-left: 15px;
    overflow: hidden;
    text-align: center;
    width: 50px;
}

    #gauge div {
        display: block;
        overflow: hidden;
        padding-top: 5px;
        position: relative;
    }

    #gauge #current {
        font-size: 30px;
        font-weight: 900;
        z-index: 2;
    }

    #gauge #percentual {
        background-color: #FFF;
        font-weight: 800;
        z-index: 1;
    }