content: [API Reference](https://react.dev/reference/react)
  
  [Components](https://react.dev/reference/react-dom/components)
  
  # &lt;progress&gt;[Link for this heading]()
  
  The [built-in browser `<progress>` component](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress) lets you render a progress indicator.
  
  ```
  
  <progress value={0.5} />
  ```
  
  - [Reference]()
    
    - [`<progress>`]()
  - [Usage]()
    
    - [Controlling a progress indicator]()
  
  * * *
  
  ## Reference[Link for Reference]()
  
  ### `<progress>`[Link for this heading]()
  
  To display a progress indicator, render the [built-in browser `<progress>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress) component.
  
  ```
  
  <progress value={0.5} />
  ```
  
  [See more examples below.]()
  
  #### Props[Link for Props]()
  
  `<progress>` supports all [common element props.](https://react.dev/reference/react-dom/components/common)
  
  Additionally, `<progress>` supports these props:
  
  - [`max`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress): A number. Specifies the maximum `value`. Defaults to `1`.
  - [`value`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/progress): A number between `0` and `max`, or `null` for indeterminate progress. Specifies how much was done.
  
  * * *
  
  ## Usage[Link for Usage]()
  
  ### Controlling a progress indicator[Link for Controlling a progress indicator]()
  
  To display a progress indicator, render a `<progress>` 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.
  
  If the operation is not ongoing, pass `value={null}` to put the progress indicator into an indeterminate state.
  
  App.js
  
  App.js
  
  Reset[Fork](https://codesandbox.io/api/v1/sandboxes/define?undefined&environment=create-react-app "Open in CodeSandbox")
  
  ```
  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} />
      </>
    );
  }
  
  ```
  
  [Previous&lt;option&gt;](https://react.dev/reference/react-dom/components/option)
  
  [Next&lt;select&gt;](https://react.dev/reference/react-dom/components/select)