Slider with % AND dynamic value - can't seem to get prettify to work

I have an existing slider with data attributes like this:

min: 0, max: 100, step: 1, postfix: '%'

I would like to have the slider display like this (I manually edited the HTML to show this):

The page has multiple sliders in a nested form so each has an associated base multiplier amount i.e. $10,000 x 50% and the slider handle would dynamically update.

My thought here is that I do this:

min: 0, max: 100, step: 1, value: 10000

then I tried this:

$(".myclass").ionRangeSlider()({
  min: 0,
  max: 100,
  step: 1,
  value: $(this).data('value'),
  prettify: function(n) {
    return n + '%' + ' ($' + value * n / 100 + ')';
  }
});

and get:

I will admit to not being the most proficient at JS so I may be missing something minor / obvious here. After some digging I think I am not accessing the value data attribute. I also tried this (and realized I need to turn my string to a float):

$(".myclass").ionRangeSlider()({
  min: 0,
  max: 100,
  step: 1,
  prettify: function(n) {
    return n + '%' + ' ($' + parseFloat($(this).data('value')) * n / 100 + ')';
  }
});

[IonDen]

Yes, I will think about it.

[aximuseng]

I ended up settling on this (bac is my data attribute value):

$('.js-range-slider').each(function() {
  var bac;
  bac = parseFloat($(this).data('bac'));
  return $(this).ionRangeSlider({
    prettify: function(n) {
      var current;
      current = Math.round(bac / 100 * n);
      return n + '%' + ' ($' + current + ')';
    }
  });
});