diff --git a/src/ui/public/components/progressbar.svg b/src/ui/public/components/progressbar.svg
new file mode 100644
index 000000000..6f1828f72
--- /dev/null
+++ b/src/ui/public/components/progressbar.svg
@@ -0,0 +1,5 @@
+<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="18" width="18" height="18" rx="4" transform="rotate(90 18 0)" fill="#333333"/>
+<rect x="4.5" y="6.5" width="9" height="5" stroke="white"/>
+<rect x="5" y="7" width="2" height="4" fill="white"/>
+</svg>
diff --git a/src/ui/src/components/core/content/CoreProgressBar.vue b/src/ui/src/components/core/content/CoreProgressBar.vue
index b3ac8b1e1..a150ebcf3 100644
--- a/src/ui/src/components/core/content/CoreProgressBar.vue
+++ b/src/ui/src/components/core/content/CoreProgressBar.vue
@@ -45,13 +45,13 @@ import {
 } from "@/renderer/sharedStyleFields";
 
 const clickHandlerStub = `
-def handle_avatar_click():
-	print("The avatar was clicked")`;
+def handle_progress_bar_click():
+	print("The progress bar was clicked")`;
 
 const description = "A component to display a progression.";
 
 const definition: WriterComponentDefinition = {
-	name: "ProgressBar",
+	name: "Progress Bar",
 	description,
 	category: "Content",
 	allowedChildrenTypes: ["*"],
@@ -67,7 +67,7 @@ const definition: WriterComponentDefinition = {
 			default: "0.25",
 		},
 		min: {
-			name: "Mininimum value",
+			name: "Minimum value",
 			type: FieldType.Number,
 			default: "0",
 		},
@@ -93,7 +93,7 @@ const definition: WriterComponentDefinition = {
 	},
 	events: {
 		"wf-click": {
-			desc: "Triggered when the avatar is clicked.",
+			desc: "Triggered when the progress bar is clicked.",
 			stub: clickHandlerStub.trim(),
 		},
 	},