Framework7新版学习笔记之 滑动进度条

<div class="range-slider range-slider-init" id="进度条id">
       <input type="range" min="0" max="100" step="1" value="初始值">
</div>

 <div
          id="进度条id"
          class="range-slider range-slider-init color-green"
          data-label="true"
          data-dual="true"
          data-min="最小值"
          data-max="最大值"
          data-step="1"
          data-value-left="左边滑块初始值"
          data-value-right="右边滑块初始值">
</div>

var slider = app.range.get(‘#进度条‘);

var range_value = slider.value；//获取进度值

$$(‘#进度条‘).on(‘range:change‘, function (e, range) {
  var range_value = range.value[0] - range.value[1];
});