You are here:-Progress Bars
Progress Bars2018-05-23T18:40:57+00:00

Progress Bars

Make progress with progress bar element.

Horizontal progress bars

I am a text block. Praesent ut accumsan est.
Ipsum dolor sit amet, consectetur adipiscing.
Cras volutpat, ligula quis mollis elementum,
ex nisi interdum ante, eu posuere sem sem.

Photoshop50%

WordPress80%

Javascript65%

Photoshop50%

WordPress80%

Javascript65%

Rounded corners

I am a text block. Praesent ut accumsan est.
Ipsum dolor sit amet, consectetur adipiscing.
Cras volutpat, ligula quis mollis elementum,
ex nisi interdum ante, eu posuere sem sem.

Photoshop50%

WordPress80%

Javascript65%

Photoshop50%

WordPress80%

Javascript65%

Pill style

I am a text block. Praesent ut accumsan est.
Ipsum dolor sit amet, consectetur adipiscing.
Cras volutpat, ligula quis mollis elementum,
ex nisi interdum ante, eu posuere sem sem.

Photoshop50%

WordPress80%

Javascript65%

Photoshop50%

WordPress80%

Javascript65%

Photoshop
Praesent ut accumsan est. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Javascript
Praesent ut accumsan est. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WordPress
Praesent ut accumsan est. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras volutpat.

Circle progress fill

I am a text block. Praesent ut accumsan est.
Ipsum dolor sit amet, consectetur adipiscing.
Cras volutpat, ligula quis mollis elementum,
ex nisi interdum ante, eu posuere sem sem.

0%

0%

0%

Circle progress border fill

I am a text block. Praesent ut accumsan est.
Ipsum dolor sit amet, consectetur adipiscing.
Cras volutpat, ligula quis mollis elementum,
ex nisi interdum ante, eu posuere sem sem.

0%

0%

0%

Circle progress value fill

I am a text block. Praesent ut accumsan est.
Ipsum dolor sit amet, consectetur adipiscing.
Cras volutpat, ligula quis mollis elementum,
ex nisi interdum ante, eu posuere sem sem.

0%

0%

0%

Skip to toolbar