title |
---|
<progress> |
浏览器内置的 <progress>
组件 允许你渲染一个进度指示器。
<progress value={0.5} />
使用 浏览器内置的 <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} />
</>
);
}
progress { display: block; }