Как отправить динамическое значение в css clac ()

Question

Я хочу отправлять динамические данные в calc () csss при каждом изменении, показывая вам некоторый код для понимания требования

Я получаю свои данные в классе countDist и хочу отправить вместо 33 вфункция calc

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="progress-group">
  <div class="countDist"></div>
  <div class="progress sm">
    <div class="progress-bar progress-bar-red" style="width: calc((100%)-33/100)"></div </div>
  </div>

$.getJSON('timeLineDataforDistToState', {
  stateCode: $(this).val(),
  ajax: 'true'
}, function(data) {
  var a = data;
  $('.countDist').html(a);
});