<progress>

<progress value={0.5} />

• 参考
  • <progress>
• 用法
  • 控制进度指示器

参考

<progress>

要显示进度指示器，请渲染内置的浏览器 <progress> 组件https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress。

<progress value={0.5} />

查看更多示例。

属性

<progress> 支持所有通用元素属性。

此外，<progress> 还支持这些属性：

• max：一个数字。指定最大 value。默认为 1。
• value：介于 0 和 max 之间的数字，或在不确定进度时为 null。指定已完成的进度量。

用法

控制进度指示器

要显示进度指示器，请渲染一个 <progress> 组件。你可以传入一个介于 0 和你指定的 max 值之间的数字 value。如果你没有传入 max 值，默认会假定它为 1。

如果操作没有进行中，请传入 value={null}，将进度指示器置于不确定状态。