diff --git a/src/ProgressBar/ProgressBar.svelte b/src/ProgressBar/ProgressBar.svelte index f4b388a0..21ab66db 100644 --- a/src/ProgressBar/ProgressBar.svelte +++ b/src/ProgressBar/ProgressBar.svelte @@ -8,6 +8,12 @@ /** Specify the maximum value */ export let max = 100; + /** + * Specify the kind of progress bar + * @type {"default" | "inline" | "indented"} + */ + export let kind = "default"; + /** * Specify the size * @type {"sm" | "md"} @@ -37,6 +43,8 @@ class:bx--progress-bar--indeterminate="{indeterminate}" class:bx--progress-bar--big="{size === 'md'}" class:bx--progress-bar--small="{size === 'sm'}" + class:bx--progress-bar--inline="{kind === 'inline'}" + class:bx--progress-bar--indented="{kind === 'indented'}" {...$$restProps} >