You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Ark UI 环形进度组件(Progress Circular)无法显示的问题求助

Ark UI 环形进度组件(Progress Circular)无法显示的问题求助

我第一次尝试用 Ark UI,结果在使用环形进度组件的时候碰上个头疼的问题——组件完全不显示。

最开始我写的代码是这样的:

<Progress.Root value={70} min={0} max={100}>
  <Progress.ValueText />
  <Progress.Circle>
    <Progress.CircleTrack />
    <Progress.CircleRange />
  </Progress.Circle>
</Progress.Root>

运行后页面上啥都没出现,我以为是样式没给够,又试着加了内联样式调整:

<Progress.Root value={70} min={0} max={100}>
  <Progress.ValueText />
  <Progress.Circle style={{ width: '100px', height: '100px', position: 'relative' }} >
    <Progress.CircleTrack style={{ stroke: 'lightgray', strokeWidth: '10', fill: 'none', position: 'absolute', top: 0, left: 0, width: '100%', height: '100%' }} />
    <Progress.CircleRange style={{ stroke: 'blue', strokeWidth: '10', fill: 'none', width: '100%', height: '100%', transformOrigin: 'center', }} />
  </Progress.Circle>
</Progress.Root>

结果还是没任何显示,我是不是漏了什么关键步骤或者配置呀?有没有用过 Ark UI 的大佬能帮我排查下问题?

内容来源于stack exchange

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.08 14:03:16