diff --git a/packages/_site/src/pages/components/popover/index.tsx b/packages/_site/src/pages/components/popover/index.tsx
index cadd513..91bc57d 100644
--- a/packages/_site/src/pages/components/popover/index.tsx
+++ b/packages/_site/src/pages/components/popover/index.tsx
@@ -26,7 +26,7 @@ export default function PopoverPage() {
         >
             <ComponentHero
                 title="Popover"
-                description="Displays rich content in a portal, triggered by a button."
+                description="Displays rich content in a portal, triggered by a trigger element (ex. button)."
             />
 
             <div {...stylex.props(styles.threeColumnLayout)}>
diff --git a/packages/_site/src/pages/components/progressbar/index.tsx b/packages/_site/src/pages/components/progressbar/index.tsx
index ae5cd43..dab93bf 100644
--- a/packages/_site/src/pages/components/progressbar/index.tsx
+++ b/packages/_site/src/pages/components/progressbar/index.tsx
@@ -13,7 +13,7 @@ import ContentsSidebar from "../commons/contents_sidebar";
 import { styles } from "../_layout/styles";
 
 import { Progress,
-    // ProgressTypes
+         ProgressTypes
 } from "@controlkit/progress-bar";
 
 export default function ProgressbarPage() {
@@ -26,7 +26,7 @@ export default function ProgressbarPage() {
         >
             <ComponentHero
                 title="Progress Bar"
-                description=""
+                description="A bar indicating completion progress."
             />
 
             <div {...stylex.props(styles.threeColumnLayout)}>
@@ -39,7 +39,7 @@ export default function ProgressbarPage() {
                         <Tabs defaultValue="tab-1">
                             <TabsList>
                                 <TabsTrigger value="tab-1">Automatic</TabsTrigger>
-                                {/* <TabsTrigger value="tab-2">Manual</TabsTrigger> */}
+                                <TabsTrigger value="tab-2">Manual</TabsTrigger>
                             </TabsList>
                             <TabsContent value="tab-1">
                                 <div {...stylex.props(styles.blockWrapper)}>
@@ -47,7 +47,7 @@ export default function ProgressbarPage() {
                                         install="pnpm add @controlkit/progress-bar"
                                         npmjs="https://www.npmjs.com/package/@controlkit/progress-bar"
                                         npmTitle="@controlkit/progress-bar"
-                                        source="https://github.com/clearfeld/control-ui/tree/main/packages/progress-bar"
+                                        source="https://github.com/clearfeld/control-ui/tree/main/packages/progress_bar"
                                     />
                                 </div>
                             </TabsContent>
@@ -69,7 +69,7 @@ export default function ProgressbarPage() {
 
                                     <CodeBlock
                                         language="tsx"
-                                        url={"https://raw.githubusercontent.com/clearfeld/control-ui/main/packages/progress-bar/lib/index.tsx"}
+                                        url={"https://raw.githubusercontent.com/clearfeld/control-ui/main/packages/progress_bar/lib/index.tsx"}
                                     />
                                 </div>
                             </TabsContent>
@@ -83,7 +83,7 @@ export default function ProgressbarPage() {
                         <div>
                             <ExampleBlock
                                 title="Default"
-                                description=""
+                                description="A progress bar that is currently in progress and hasn't completed or encountered an error is blue."
                             />
                             <div {...stylex.props(styles.codeWrapper)}>
                                 <PreviewBlock>
@@ -101,6 +101,56 @@ export default function PopoverExample() {
 		<Progress value={66} />
 	);
 }
+`}
+                                />
+                            </div>
+                        </div>
+                        <div>
+                            <ExampleBlock
+                                title="Danger"
+                                description="A progress bar only stops and turns red if there's an error."
+                            />
+                            <div {...stylex.props(styles.codeWrapper)}>
+                                <PreviewBlock>
+                                    <Progress value={33} variant={ProgressTypes.DANGER} />
+                                </PreviewBlock>
+
+                                <CodeBlock
+                                    language="tsx"
+                                    code={`import React from 'react';
+
+import { Progress, ProgressTypes } from "@controlkit/progress-bar";
+
+export default function PopoverExample() {
+	return (
+		<Progress value={33} variant={ProgressTypes.DANGER} />
+	);
+}
+`}
+                                />
+                            </div>
+                        </div>
+                        <div>
+                            <ExampleBlock
+                                title="Success"
+                                description="A progress bar is only green when it reaches the success (completed state)."
+                            />
+                            <div {...stylex.props(styles.codeWrapper)}>
+                                <PreviewBlock>
+                                    <Progress value={100} variant={ProgressTypes.SUCCESS} />
+                                </PreviewBlock>
+
+                                <CodeBlock
+                                    language="tsx"
+                                    code={`import React from 'react';
+
+import { Progress, ProgressTypes } from "@controlkit/progress-bar";
+
+export default function PopoverExample() {
+	return (
+		<Progress value={100} variant={ProgressTypes.SUCCESS} />
+	);
+}
 `}
                                 />
                             </div>
diff --git a/packages/_site/src/pages/components/routes_list_docs_components.ts b/packages/_site/src/pages/components/routes_list_docs_components.ts
index a35ed78..6bb75c6 100644
--- a/packages/_site/src/pages/components/routes_list_docs_components.ts
+++ b/packages/_site/src/pages/components/routes_list_docs_components.ts
@@ -152,13 +152,13 @@ export const componentsList: I_ComponentsList[] = [
 
   {
     title: "Popover",
-    description: "Displays rich content in a portal, triggered by a button.",
+    description: "Displays rich content in a portal, triggered by a trigger element (ex. button).",
     link: "/components/popover/examples",
   },
 
   {
     title: "Progress Bar",
-    description: "",
+    description: "A bar indicating completion progress.",
     link: "/components/progress-bar/examples",
   },