diff --git a/src/content/reference/react-dom/components/progress.md b/src/content/reference/react-dom/components/progress.md index fd6c96a1e..45cb20c0b 100644 --- a/src/content/reference/react-dom/components/progress.md +++ b/src/content/reference/react-dom/components/progress.md @@ -4,8 +4,8 @@ title: "" -The [built-in browser `` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress) lets you render a progress indicator. - +[브라우저 내장 컴포넌트 ``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress)를 사용하면 진행률 표시기를 렌더링할 수 있습니다. + ```js ``` @@ -16,36 +16,37 @@ The [built-in browser `` component](https://developer.mozilla.org/en-U --- -## Reference {/*reference*/} +## 레퍼런스 {/*reference*/} ### `` {/*progress*/} -To display a progress indicator, render the [built-in browser ``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress) component. +진행률 표시기를 표시하려면 [브라우저 내장 컴포넌트 ``](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress)를 렌더링합니다. ```js ``` -[See more examples below.](#usage) +[아래에서 더 많은 예시를 확인하세요.](#usage) #### Props {/*props*/} -`` supports all [common element props.](/reference/react-dom/components/common#props) +``는 모든 [일반적인 엘리먼트 props](/reference/react-dom/components/common#props)를 지원합니다. + +또한 ``는 이러한 props를 지원합니다. -Additionally, `` supports these props: +* [`max`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#attr-max): 숫자. 최대 `value`를 지정합니다. 기본값은 `1`입니다. -* [`max`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#attr-max): A number. Specifies the maximum `value`. Defaults to `1`. -* [`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#attr-value): A number between `0` and `max`, or `null` for intermedinate progress. Specifies how much was done. +* [`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress#attr-value): `0`에서 `최대` 사이의 숫자 또는 결정되지 않은 상태인 경우 `null`입니다. --- -## Usage {/*usage*/} +## 사용법 {/*usage*/} -### Controlling a progress indicator {/*controlling-a-progress-indicator*/} +### 진행률 표시기 제어 {/*controlling-a-progress-indicator*/} -To display a progress indicator, render a `` component. You can pass a number `value` between `0` and the `max` value you specify. If you don't pass a `max` value, it will assumed to be `1` by default. +진행률 표시기를 표시하려면 `` 컴포넌트를 렌더링합니다. `0`에서 지정한 `최대` 값 사이의 숫자 `value`를 전달할 수 있습니다. `최대`값을 전달하지 않으면 기본적으로 `1`로 간주됩니다. -If the operation is not ongoing, pass `value={null}` to put the progress indicator into an indeterminate state. +작업이 진행 중이 아닌 경우, 진행률 표시기를 불확정 상태로 설정하려면 `value={null}`을 전달합니다.