Разрыв строки в круглом индикаторе выполнения с помощью кругового индикатора выполнения? - PullRequest
Новая
       54

Разрыв строки в круглом индикаторе выполнения с помощью кругового индикатора выполнения?

0 голосов
/ 04 августа 2020

В настоящее время я пытаюсь сделать разрыв строки внутри кругового индикатора выполнения для моего компонента реакции. Я хочу процент и "готово!" быть как по центру, так и по отдельности В настоящее время я пробовал поместить \n в текстовую опору, но это не сработало. Есть идеи, как я могу это сделать?

Круговой индикатор выполнения реакции https://www.npmjs.com/package/react-circular-progressbar.

И вот мой код: 

<CircularProgressbar 
        value={props.percentage} 
        text={`${props.percentage}% done!`} 
        counterClockwise
        strokeWidth={4}
        styles={buildStyles({
            // Colors
            pathColor: `#EDD9A8`,
            textColor: 'var(--theme_color)',
            trailColor: 'var(--theme_color',
          })}
         />
...