浏览器内置的 <progress>
组件 允许你渲染一个进度指示器。
<progress value={0.5} />
参考
<progress>
使用 浏览器内置的 <progress>
组件 渲染一个进度指示器。
<progress value={0.5} />
参数
<progress>
支持所有 常见的元素属性。
除此之外,<progress>
还支持以下属性:
用法
控制进度指示器
使用 <progress>
组件渲染进度指示器。你可以传递一个介于 0
和指定的 max
值之间的数字 value
。如果不传递 max
参数,那么 max
默认值为 1
。
如果相关操作未持续进行,请传递 value={null}
将进度指示器设置为不确定状态。
export default function App() { return ( <> <progress value={0} /> <progress value={0.5} /> <progress value={0.7} /> <progress value={75} max={100} /> <progress value={1} /> <progress value={null} /> </> ); }