<div class="row">
    <div class="small-12 columns">
        <label for="range_input">Input of type range (0&ndash;100)</label>
    </div>
</div>
<div class="row">
    <div class="small-4 columns">
        <input type="range" id="range_input" name="range_input" value="50" style="width: 100%;"
               oninput="range_output.value=range_input.value"></input>
    </div>
    <div class="small-8 columns">
        <output id="range_output" name="range_output" for="range_input">50</output>
    </div>
</div>