El código para el control deslizante es este

 var slider = document.getElementById('slider'); noUiSlider.create(slider, { start: [24, 24, 24, 24], connect: [true, true, true, true, true], range: { 'min': 0, 'max': 95 } });

Cómo cambiar la configuración para que el rango se comporte como un porcentaje (suma de todos juntos 100). Para verse como en la imagen adjunta. ingrese la descripción de la imagen aquí