How to relate 5 Range to dividing 100% as they change?

Question

I have 5 range, and I would like to know how I do for when one range is 100% the other 4 is 0% and as I go controlling 1 the others are changing and vice versa, this is possible?

https://codepen.io/thcbeats/pen/xeyxwa

$(".ppcscale").each(function() {
  var that = $(this);
  that.ionRangeSlider({
    skin: "big",
    grid: true
  });
});

$(".ppcscale").on("change", function() {
  var $inp = $(this),
    from = $inp.data("from");
  
  var budget = 0;

   $(".ppcscale").each(function() {
       budget += parseInt($(this).data("from"));
     
      $(".ppcbudget").html(Math.floor(budget));
    });
  return budget;
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.0/css/ion.rangeSlider.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.0/js/ion.rangeSlider.min.js"></script>

<input class="ppcscale" data-min="0" data-max="100" data-from="0">
<input class="ppcscale" data-min="0" data-max="100" data-from="0">
<input class="ppcscale" data-min="0" data-max="100" data-from="0">
<input class="ppcscale" data-min="0" data-max="100" data-from="0">
<input class="ppcscale" data-min="0" data-max="100" data-from="0">
<input class="ppcscale" data-min="0" data-max="100" data-from="0">

Example: