Progress Bars

Default Progress Bar Large

DESIGN

90%

DEVELOPMENT

80%

MARKETING

70%

CONSULTING

60%

DESIGN

90%

DEVELOPMENT

80%

MARKETING

70%

CONSULTING

60%

Customized Progress Bar Large

Make use of HEX, RGB, RGBA and Gradient colors with opacity and angle support, change the border radius to create a different shape or change the alignment of percentage value and description. The given options are making the progress bar very versatile.

DESIGN

90%

DEVELOPMENT

80%

MARKETING

70%

CONSULTING

60%

Design

90%

Development

80%

Marketing

70%

Consulting

60%

DESIGN

62%

DEVELOPMENT

93%

MARKETING

26%

CONSULTING

88%

Design

90%

Development

80%

Marketing

90%

Consulting

60%

Default Progress Bar Small

You can also change the animation speed per progress bar and decide, if the animation of the progress bar starts over again every time the user re-enters the viewport.

DESIGN

90%

DEVELOPMENT

80%

MARKETING

70%

CONSULTING

60%

DESIGN

90%

DEVELOPMENT

80%

MARKETING

70%

CONSULTING

60%

Customized Progress Bar Small

Absolutely identical in terms of available options just displaying with a smaller bar height.

MARKETING

CONSULTING

Design

Development

Marketing

Consulting

Thin Progress Bar

DESIGN

90%

DEVELOPMENT

80%

MARKETING

70%

CONSULTING

60%

DESIGN

90%

DEVELOPMENT

80%

MARKETING

70%

CONSULTING

60%

Customized Progress Bar Thin

Use HEX, RGB, RGBA and Gradient colors with opacity and angle support or change the alignment of the bar description. Optionally you are able to switch the position fo the bar description from above to below.