<ons-row>
      <ons-col width="40px" style="text-align: center; line-height: 31px;">
        <ons-icon icon="md-volume-down"></ons-icon>
      </ons-col>
      <ons-col>
        <ons-range id="$name" style="width: 100%;" value="25"></ons-range>
      </ons-col>
      <ons-col width="40px" style="text-align: center; line-height: 31px;">
        <ons-icon icon="md-volume-up"></ons-icon>
      </ons-col>
</ons-row>

<script>
/* Radio access & usage */
var range = document.getElementById('range-1');
console.log('Value is ' + range.value);
</script>