diff --git a/.changeset/plenty-mangos-sniff.md b/.changeset/plenty-mangos-sniff.md
new file mode 100644
index 00000000000..e2d9b1f5904
--- /dev/null
+++ b/.changeset/plenty-mangos-sniff.md
@@ -0,0 +1,7 @@
+---
+'@primer/react': patch
+---
+
+Adding aria-attributes and role to the ProgressBar component
+
+<!-- Changed components: ProgressBar -->
diff --git a/docs/content/ProgressBar.mdx b/docs/content/ProgressBar.mdx
index 888cccf8d15..4e3eb5c7246 100644
--- a/docs/content/ProgressBar.mdx
+++ b/docs/content/ProgressBar.mdx
@@ -14,7 +14,7 @@ import {ProgressBar} from '@primer/react'
 ## Examples
 
 ```jsx live
-<ProgressBar progress={80} />
+<ProgressBar progress={80} aria-label="Upload test.png" />
 ```
 
 ### Inline
@@ -24,7 +24,7 @@ If you'd like to use ProgressBar inline, pass the `inline` boolean prop & **be s
 ```jsx live
 <>
   <Text mr={3}>5 of 10</Text>
-  <ProgressBar progress={50} inline sx={{width: '100px'}} />
+  <ProgressBar progress={50} inline sx={{width: '100px'}} aria-label="Upload test.png" />
 </>
 ```
 
@@ -34,7 +34,7 @@ If you want to show multiple segments in a ProgressBar, pass separate `Item`s as
 
 ```jsx live
 <>
-  <ProgressBar>
+  <ProgressBar aria-label="Upload test.png">
     <ProgressBar.Item progress={33} />
     <ProgressBar.Item progress={33} sx={{backgroundColor: 'danger.emphasis'}} />
   </ProgressBar>
diff --git a/src/ProgressBar/ProgressBar.features.stories.tsx b/src/ProgressBar/ProgressBar.features.stories.tsx
index de3b28d9735..5c1e860a26a 100644
--- a/src/ProgressBar/ProgressBar.features.stories.tsx
+++ b/src/ProgressBar/ProgressBar.features.stories.tsx
@@ -1,25 +1,25 @@
 import React from 'react'
-import {ComponentMeta} from '@storybook/react'
+import {Meta} from '@storybook/react'
 import {ProgressBar} from '..'
 
 export default {
   title: 'Components/ProgressBar/Features',
   component: ProgressBar,
-} as ComponentMeta<typeof ProgressBar>
+} as Meta<typeof ProgressBar>
 
-export const ProgressZero = () => <ProgressBar progress="0" />
-export const ProgressHalf = () => <ProgressBar progress="50" />
-export const ProgressDone = () => <ProgressBar progress="100" />
+export const ProgressZero = () => <ProgressBar progress="0" aria-label="Upload test.png" />
+export const ProgressHalf = () => <ProgressBar progress="50" aria-label="Upload test.png" />
+export const ProgressDone = () => <ProgressBar progress="100" aria-label="Upload test.png" />
 
-export const SizeSmall = () => <ProgressBar progress="66" barSize="small" />
-export const SizeLarge = () => <ProgressBar progress="66" barSize="large" />
+export const SizeSmall = () => <ProgressBar progress="66" barSize="small" aria-label="Upload test.png" />
+export const SizeLarge = () => <ProgressBar progress="66" barSize="large" aria-label="Upload test.png" />
 
-export const Inline = () => <ProgressBar inline progress="66" sx={{width: '100px'}} />
+export const Inline = () => <ProgressBar inline progress="66" sx={{width: '100px'}} aria-label="Upload test.png" />
 
-export const Color = () => <ProgressBar progress="66" bg="done.emphasis" />
+export const Color = () => <ProgressBar progress="66" bg="done.emphasis" aria-label="Upload test.png" />
 
 export const MultipleItems = () => (
-  <ProgressBar>
+  <ProgressBar aria-valuenow={70} aria-label="Upload test.png">
     <ProgressBar.Item progress={33} />
     <ProgressBar.Item progress={23} sx={{backgroundColor: 'danger.emphasis'}} />
     <ProgressBar.Item progress={14} sx={{backgroundColor: 'severe.emphasis'}} />
diff --git a/src/ProgressBar/ProgressBar.stories.tsx b/src/ProgressBar/ProgressBar.stories.tsx
index 36628e8a777..fc4ee9e07a5 100644
--- a/src/ProgressBar/ProgressBar.stories.tsx
+++ b/src/ProgressBar/ProgressBar.stories.tsx
@@ -7,10 +7,10 @@ export default {
   component: ProgressBar,
 } as Meta<typeof ProgressBar>
 
-export const Default = () => <ProgressBar />
+export const Default = () => <ProgressBar aria-label="Upload test.png" />
 
 export const Playground: ComponentStory<typeof ProgressBar> = args => (
-  <ProgressBar {...args} sx={args.inline ? {width: '100px'} : {}} />
+  <ProgressBar {...args} sx={args.inline ? {width: '100px'} : {}} aria-label="Upload test.png" />
 )
 
 Playground.args = {
diff --git a/src/ProgressBar/ProgressBar.tsx b/src/ProgressBar/ProgressBar.tsx
index 88c8dbbf500..bc7fb26a5be 100644
--- a/src/ProgressBar/ProgressBar.tsx
+++ b/src/ProgressBar/ProgressBar.tsx
@@ -1,8 +1,9 @@
-import React from 'react'
+import React, {forwardRef} from 'react'
 import styled from 'styled-components'
 import {width, WidthProps} from 'styled-system'
 import {get} from '../constants'
 import sx, {SxProp} from '../sx'
+import {warning} from '../utils/warning'
 
 type ProgressProp = {progress?: string | number}
 
@@ -37,22 +38,37 @@ const ProgressContainer = styled.span<StyledProgressContainerProps>`
   ${sx};
 `
 
-export type ProgressBarProps = React.PropsWithChildren & {bg?: string} & StyledProgressContainerProps & ProgressProp
-
-export const ProgressBar = ({
-  progress,
-  bg = 'success.emphasis',
-  barSize = 'default',
-  children,
-  ...rest
-}: ProgressBarProps) => {
-  if (children && progress) {
-    throw new Error('You should pass `progress` or children, not both.')
-  }
-
-  return (
-    <ProgressContainer barSize={barSize} {...rest}>
-      {children ?? <Item progress={progress} sx={{backgroundColor: bg}} />}
-    </ProgressContainer>
-  )
-}
+export type ProgressBarProps = React.HTMLAttributes<HTMLSpanElement> & {bg?: string} & StyledProgressContainerProps &
+  ProgressProp
+
+export const ProgressBar = forwardRef<HTMLSpanElement, ProgressBarProps>(
+  ({progress, bg = 'success.emphasis', barSize = 'default', children, ...rest}: ProgressBarProps, forwardRef) => {
+    if (children && progress) {
+      throw new Error('You should pass `progress` or children, not both.')
+    }
+
+    warning(
+      children &&
+        typeof (rest as React.AriaAttributes)['aria-valuenow'] === 'undefined' &&
+        typeof (rest as React.AriaAttributes)['aria-valuetext'] === 'undefined',
+      'Expected `aria-valuenow` or `aria-valuetext` to be provided to <ProgressBar>. Provide one of these values so screen reader users can determine the current progress. This warning will become an error in the next major release.',
+    )
+
+    const progressAsNumber = typeof progress === 'string' ? parseInt(progress, 10) : progress
+
+    const ariaAttributes = {
+      'aria-valuenow': progressAsNumber ? Math.round(progressAsNumber) : undefined,
+      'aria-valuemin': 0,
+      'aria-valuemax': 100,
+      'aria-busy': progressAsNumber ? progressAsNumber !== 100 : false,
+    }
+
+    return (
+      <ProgressContainer ref={forwardRef} role="progressbar" barSize={barSize} {...ariaAttributes} {...rest}>
+        {children ?? <Item progress={progress} sx={{backgroundColor: bg}} />}
+      </ProgressContainer>
+    )
+  },
+)
+
+ProgressBar.displayName = 'ProgressBar'
diff --git a/src/__tests__/ProgressBar.test.tsx b/src/__tests__/ProgressBar.test.tsx
index 19735c739e6..4170d0db8f4 100644
--- a/src/__tests__/ProgressBar.test.tsx
+++ b/src/__tests__/ProgressBar.test.tsx
@@ -15,26 +15,41 @@ describe('ProgressBar', () => {
   })
 
   it('should have no axe violations', async () => {
-    const {container} = HTMLRender(<ProgressBar progress={80} barSize="small" />)
+    const {container} = HTMLRender(<ProgressBar progress={80} barSize="small" aria-label="Upload test.png" />)
     const results = await axe(container)
     expect(results).toHaveNoViolations()
   })
 
   it('respects the "barSize" prop', () => {
-    expect(render(<ProgressBar progress={80} barSize="small" />)).toHaveStyleRule('height', '5px')
-    expect(render(<ProgressBar progress={80} barSize="default" />)).toHaveStyleRule('height', '8px')
-    expect(render(<ProgressBar progress={80} barSize="large" />)).toHaveStyleRule('height', '10px')
+    expect(render(<ProgressBar progress={80} barSize="small" aria-label="Upload test.png" />)).toHaveStyleRule(
+      'height',
+      '5px',
+    )
+    expect(render(<ProgressBar progress={80} barSize="default" aria-label="Upload test.png" />)).toHaveStyleRule(
+      'height',
+      '8px',
+    )
+    expect(render(<ProgressBar progress={80} barSize="large" aria-label="Upload test.png" />)).toHaveStyleRule(
+      'height',
+      '10px',
+    )
   })
 
   it('respects the "inline" prop', () => {
-    expect(render(<ProgressBar progress={80} inline />)).toHaveStyleRule('display', 'inline-flex')
+    expect(render(<ProgressBar progress={80} inline aria-label="Upload test.png" />)).toHaveStyleRule(
+      'display',
+      'inline-flex',
+    )
   })
 
   it('respects the "width" prop', () => {
-    expect(render(<ProgressBar progress={80} inline width="100px" />)).toHaveStyleRule('width', '100px')
+    expect(render(<ProgressBar progress={80} inline width="100px" aria-label="Upload test.png" />)).toHaveStyleRule(
+      'width',
+      '100px',
+    )
   })
 
   it('respects the "progress" prop', () => {
-    expect(render(<ProgressBar progress={80} />)).toMatchSnapshot()
+    expect(render(<ProgressBar progress={80} aria-label="Upload test.png" />)).toMatchSnapshot()
   })
 })
diff --git a/src/__tests__/__snapshots__/ProgressBar.test.tsx.snap b/src/__tests__/__snapshots__/ProgressBar.test.tsx.snap
index 7050d8d3b7d..dad58b54e9e 100644
--- a/src/__tests__/__snapshots__/ProgressBar.test.tsx.snap
+++ b/src/__tests__/__snapshots__/ProgressBar.test.tsx.snap
@@ -19,7 +19,11 @@ exports[`ProgressBar renders consistently 1`] = `
 }
 
 <span
+  aria-busy={false}
+  aria-valuemax={100}
+  aria-valuemin={0}
   className="c0"
+  role="progressbar"
 >
   <span
     className="c1"
@@ -46,7 +50,13 @@ exports[`ProgressBar respects the "progress" prop 1`] = `
 }
 
 <span
+  aria-busy={true}
+  aria-label="Upload test.png"
+  aria-valuemax={100}
+  aria-valuemin={0}
+  aria-valuenow={80}
   className="c0"
+  role="progressbar"
 >
   <span
     className="c1"