progress_bars

Progress Bars

Base Components are usually small helper components to build Block Components.
These Components can be easily used and customized in any blocks.

Progress Bars

Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit.

Default Progress Bars

Show code Copy code

Colored Progress Bars

Show code Copy code

Rounded Progress Bars

Show code Copy code
Show code Copy code

Progress Bars Sizes

Show code Copy code
Show code Copy code
Show code Copy code
Show code Copy code
Show code Copy code
Show code Copy code

Mixed Progress Bars

Show code Copy code

Progress Striped Bars

Show code Copy code

Progress Bars with Animated Stripes

Show code Copy code

Progress Bars. Examples.

Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit.

Example 1

22%
Sales Strategy – 77%
Show code Copy code

Example 2

Successful of marketing
87%
Show code Copy code

Example 3

Project Completeness 84%
Show code Copy code

Example 4

Followers 2,1k
Show code Copy code

Example 5

Successful of marketing
64%
Show code Copy code

Example 6

Successful of marketing
33%
Show code Copy code

Example 7

$ 8 789 576
Time left: 365 days
Our goal: $1 550 0000
Show code Copy code

Example 8

60%
Design
76%
PHP
92%
HTML
81%
CSS
Show code Copy code

Dynamic Progress Bars

Nulla ipsum dolor sit amet, consectetur adipiscing elitut eleifend nisl. In hac habitasse platea dictumst. Curabitur hendrerit.

Example 1

22%
Show code Copy code

Example 2

Successful of marketing
87%
Show code Copy code

Example 3

Project Completeness 84%
Show code Copy code

Example 4

Followers 2,1k
Show code Copy code

Example 5

Successful of marketing
64%
Show code Copy code

Example 6

Successful of marketing
33%
Show code Copy code

Example 7

$ 8 789 576
Time left: 365 days
Our goal: $1 550 0000
Show code Copy code

Example 8

60%
Design
76%
PHP
92%
HTML
81%
CSS
Show code Copy code