这个用HTML/CSS设计的捐赠进度条在bar为90%+时中断。如何使文本保持在原处或随着条形图的增加而缩小？

在HTML/CSS设计的捐赠进度条中，当bar达到90%+时中断，要使文本保持在原处或随着条形图的增加而缩小，可以通过以下几种方式实现：

使用CSS中的position属性：将文本元素的position属性设置为"absolute"，并通过top和left属性将其定位在进度条的原始位置上。这样无论进度条的长度如何改变，文本都会保持在原处。同时，可以使用CSS中的transform属性来控制文本的缩放，使其随着进度条的增加而逐渐缩小。例如：

.text {
  position: absolute;
  top: 50%;
  left: 0;
  transform: scale(1);
  transition: transform 0.5s ease;
}

.bar {
  /* 进度条样式 */
}

.bar.progress {
  /* 进度达到90%+时的样式 */
}

.bar.progress .text {
  transform: scale(0.5); /* 缩小为原大小的一半 */
}

使用JavaScript动态计算文本大小：通过JavaScript获取进度条的当前宽度，并根据比例计算文本的缩放比例。可以使用JavaScript中的offsetWidth属性来获取进度条的宽度，并根据需要的缩放比例计算文本的缩放大小。例如：

var bar = document.querySelector('.bar');
var text = document.querySelector('.text');

function updateTextSize() {
  var barWidth = bar.offsetWidth;
  var textScale = 1; // 默认缩放比例为1

  if (barWidth > /* 进度达到90%时的宽度 */) {
    textScale = /* 计算缩放比例，根据进度条宽度与文本原始大小的比例 */;
  }

  text.style.transform = 'scale(' + textScale + ')';
}

// 在进度条发生改变时调用updateTextSize函数

以上两种方法都可以实现在进度条达到90%+时，保持文本在原处或随着进度条增加而缩小。具体选择哪种方式取决于实际需求和使用的技术栈。