如何使用.roundSlider()在每个元素下面显示当前值？

<div class="slider-container">
  <div class="slider"></div>
  <div class="slider-value">0</div>
</div>

.slider-container {
  position: relative;
  width: 200px;
  height: 200px;
}

.slider {
  width: 100%;
  height: 100%;
}

.slider-value {
  position: absolute;
  bottom: -20px;
  width: 100%;
  text-align: center;
}

$(document).ready(function() {
  $('.slider').roundSlider({
    radius: 100,
    circleShape: "full",
    min: 0,
    max: 100,
    step: 1,
    value: 0,
    change: function(event) {
      var currentValue = event.value;
      $(this).siblings('.slider-value').text(currentValue);
    }
  });

  // 初始化显示当前值
  $('.slider').siblings('.slider-value').text($('.slider').roundSlider('getValue'));
});