diff --git a/apps/site/src/content/design-system/components/progress-indicator/accessibility/colour-impairment-demonstration/content.mdoc b/apps/site/src/content/design-system/components/progress-indicator/accessibility/colour-impairment-demonstration/content.mdoc
deleted file mode 100644
index 8cbe95006..000000000
--- a/apps/site/src/content/design-system/components/progress-indicator/accessibility/colour-impairment-demonstration/content.mdoc
+++ /dev/null
@@ -1,3 +0,0 @@
-{% shortCode name="accessibility-colour-impairment" /%}
-
-{% accessibilityDemo /%}
diff --git a/apps/site/src/content/design-system/components/progress-indicator/code/development-examples/content.mdoc b/apps/site/src/content/design-system/components/progress-indicator/code/development-examples/content.mdoc
index cb55f6746..8c2e9f2c2 100644
--- a/apps/site/src/content/design-system/components/progress-indicator/code/development-examples/content.mdoc
+++ b/apps/site/src/content/design-system/components/progress-indicator/code/development-examples/content.mdoc
@@ -1,4 +1,4 @@
-### Progress Indicator
+### Progress indicator
 
 ```tsx
 () => {
@@ -6,7 +6,7 @@
 };
 ```
 
-### Progress Indicator Sizes
+### Sizes
 
 ```tsx
 () => {
@@ -20,14 +20,14 @@
 };
 ```
 
-### Inverted Progress Indicator
+### Dark background
 
 ```tsx
 () => {
   return (
     <div className="bg-black w-fit">
       {(['xsmall', 'small', 'medium', 'large', 'xlarge'] as const).map(size => (
-        <ProgressIndicator size={size} inverted className="mr-2" />
+        <ProgressIndicator size={size} color={'white'} className="mr-2" />
       ))}
     </div>
   );
diff --git a/apps/site/src/content/design-system/components/progress-indicator/design/dos-and-donts/content.mdoc b/apps/site/src/content/design-system/components/progress-indicator/design/dos-and-donts/content.mdoc
deleted file mode 100644
index e69de29bb..000000000
diff --git a/apps/site/src/content/design-system/components/progress-indicator/design/user-experience/content.mdoc b/apps/site/src/content/design-system/components/progress-indicator/design/user-experience/content.mdoc
index e69de29bb..4d3360375 100644
--- a/apps/site/src/content/design-system/components/progress-indicator/design/user-experience/content.mdoc
+++ b/apps/site/src/content/design-system/components/progress-indicator/design/user-experience/content.mdoc
@@ -0,0 +1 @@
+Use this component within loading patterns. Predominantly the user experience direction is dictated by the pattern that contains it.
diff --git a/apps/site/src/content/design-system/components/progress-indicator/design/visual-design/content.mdoc b/apps/site/src/content/design-system/components/progress-indicator/design/visual-design/content.mdoc
index e69de29bb..0fd7338e3 100644
--- a/apps/site/src/content/design-system/components/progress-indicator/design/visual-design/content.mdoc
+++ b/apps/site/src/content/design-system/components/progress-indicator/design/visual-design/content.mdoc
@@ -0,0 +1 @@
+Simplicity is the key design requirement for this component. It has an intentional minimal form and simple animation, just enough to capture the essence of its meaning. This ensures readability and clarity even at small sizes. It also optimises the file size.
diff --git a/apps/site/src/content/design-system/components/progress-indicator/design/where-is-this-available/content.mdoc b/apps/site/src/content/design-system/components/progress-indicator/design/where-is-this-available/content.mdoc
new file mode 100644
index 000000000..7714c32df
--- /dev/null
+++ b/apps/site/src/content/design-system/components/progress-indicator/design/where-is-this-available/content.mdoc
@@ -0,0 +1,8 @@
+{% shortCode name="where-is-this-available" /%}
+
+{% availabilityContent
+   availableGel="available"
+   availableMesh="available"
+   availableLegacyWdp="older-version-available"
+   alternativeMesh="Loader"
+   alternativeLegacyWdp="Loader" /%}
diff --git a/apps/site/src/content/design-system/components/progress-indicator/index.yaml b/apps/site/src/content/design-system/components/progress-indicator/index.yaml
index 6ec74ff6a..e66b68644 100644
--- a/apps/site/src/content/design-system/components/progress-indicator/index.yaml
+++ b/apps/site/src/content/design-system/components/progress-indicator/index.yaml
@@ -20,14 +20,11 @@ design:
     noTitle: false
     noDemo: false
   - title:
-      name: Dos and don’ts
-      slug: dos-and-donts
+      name: Where is this available?
+      slug: where-is-this-available
     noTitle: false
     noDemo: false
 accessibility:
-  - title:
-      name: Colour impairment demonstration
-      slug: colour-impairment-demonstration
   - title:
       name: Accessibility features
       slug: accessibility-features