HTML Demo: <input type="range">

<fieldset>
    <legend>Audio settings</legend>

    <label for="volume">Volume</label>
    <input type="range" id="start" name="volume"
           min="0" max="11" />

    <label for="cowbell">Cowbell</label>
    <input type="range" id="cowbell" name="cowbell" 
           min="0" max="100" value="90" step="2" />

</fieldset>

legend {
    background-color: #000;
    color: #fff;
    padding: 3px 6px;
}

.output {
    font: 1rem 'Fira Sans', sans-serif;
}

label {
    margin-top: 1rem;
    display: block;
    font-size: .8rem;
}

Output