feat(progress-bar): add ProgressBar

types/ProgressBar/ProgressBar.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="svelte" />
+import { SvelteComponentTyped } from "svelte";
+
+export interface ProgressBarProps
+  extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
+  /**
+   * Specify the current value
+   */
+  value?: number;
+
+  /**
+   * Specify the maximum value
+   * @default 100
+   */
+  max?: number;
+
+  /**
+   * Specify the label text
+   * @default ""
+   */
+  labelText?: string;
+
+  /**
+   * Set to `true` to visually hide the label text
+   * @default false
+   */
+  hideLabel?: boolean;
+
+  /**
+   * Specify the helper text
+   * @default ""
+   */
+  helperText?: string;
+}
+
+export default class ProgressBar extends SvelteComponentTyped<
+  ProgressBarProps,
+  {},
+  { labelText: {} }
+> {}

types/index.d.ts

@@ -92,6 +92,7 @@ export { default as Pagination } from "./Pagination/Pagination";
 export { default as PaginationSkeleton } from "./Pagination/PaginationSkeleton";
 export { default as PaginationNav } from "./PaginationNav/PaginationNav";
 export { default as Popover } from "./Popover/Popover";
+export { default as ProgressBar } from "./ProgressBar/ProgressBar";
 export { default as ProgressIndicator } from "./ProgressIndicator/ProgressIndicator";
 export { default as ProgressIndicatorSkeleton } from "./ProgressIndicator/ProgressIndicatorSkeleton";
 export { default as ProgressStep } from "./ProgressIndicator/ProgressStep";