<div class="row"> <div class="small-12 columns"> <label for="range_input">Input of type range (0–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>