@synerise/ds-progress-bar NPM

id: progress-bar

title: Progress-Bar

Progress-Bar UI Component

Demo

API

ProgressBar

Property	Description	Type	Default
amount	Number visibile in progress bar label	number	-
description	Text of description under progress bar	string	-
percent	Value of progress bar, also visible in label	number	-
thin	Displays a thinner line	boolean	-
showLabel	Shows label above progress bar, label contains amount and percentage.	boolean	`false`
type	Type of progress bar	`line` / `circle` / `dashboard`	`line`
strokeLine	To set the style of the progress linecap	`round` / `square`	`round`
strokeColor	Color of progress bar	string	`#76dc25`

ProgressTiles

Property	Description	Type	Default
tileWidth	width of each tile (with unit)	string	-
colors	Array of colors for each tile - defines number of tiles	string[]	-
percent	Value of progress to display colored	number	-
label	Optional label above progress bar	ReactNode	-

Multivalue

Property	Description	Type	Default
values	Values for each bar	ProgressValue[]	-
stackedBars	Drives how bars are rendered - side by side or stacked on top of each other	boolean	true

ProgressValue

Property	Description	Type	Default
percent	Value to display (length of bar)	number	-
color	Bar color	string	-

@synerise/ds-form-field @synerise/ds-utils

@infinitebrahmanuniverse/nolb-_syn @everything-registry/sub-chunk-890 @zalastax/nolb-_syn @synerise/ds-file-uploader @synerise/design-system

2 months ago

2 months ago

20 days ago

30 days ago

1 month ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

3 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

4 months ago

5 months ago

5 months ago

5 months ago

6 months ago

7 months ago

7 months ago

6 months ago

7 months ago

7 months ago

7 months ago

7 months ago

6 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

1 year ago

10 months ago

10 months ago

9 months ago

10 months ago

10 months ago

9 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago