Soy totalmente nuevo en esto. Quiero crear controles deslizantes de rango interactivos, por ejemplo, si tengo 4 controles deslizantes de rango cuando aumento/disminuyo un control deslizante, los demás deberían disminuir/aumentar para mantener la suma de todos los porcentajes igual al 100%. Tenga en cuenta que el número de controles deslizantes difiere para cada ciclo, aquí está mi código HTML: cada capa contiene varios archivos y cada archivo tiene su propio control deslizante de rango.

 <div class="tab-content"> {{#each layers}} <div class="tab-pane" id={{this.layers}}> {{#each this.files}} <div class="range-wrap"> <input id="rangeInput" class="range" name="rangeInput" type="range" min="1" max="100" onchange="function()"/> </div> {{/each}} </div> {{/each}} </div>