如何在React Semantic UI中的Progressbar上设置自定义文本

Question

有什么办法，如何在Progress组件上设置自定义文本？我想这样设置秒数：

http://prntscr.com/kk7ms0

我没有找到解决方案。我有百分比值，但我想以“字幕”秒为单位设置时间。

因此，我不想在进度栏下使用“标签”。

谢谢您的帮助。

Answer 1

我有解决方案！这有点骇人听闻，虽然有点超出了React Semantic UI的领域，但确实可以做到。

HTML：

<div className='ui progress'>
  <div className='bar' style={{width: `${percent}%`}}>
    <div className='progress progress-text'>{percent}% Completed</div>
  </div>
</div>

CSS：

.progress-text {
   text-align: center !important;
   right: 0 !important;
   left: 0 !important;
}

让我知道这是否需要扩展，但是我认为这涵盖了您的问题！ ：）