浏览器内置的 <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} /> </> ); }