Donut Progress Bar

Display multiple types of data into a visual graph. Design pie-chart styles, chart content, and percentage with different styles and colors. Also, control the pie-chart size, border size, number color, etc.

Colorful Donut
Progress Bar Style

Determine each value of your product in a visual way with this colorful Donut Progress Bar style.

73%
83%
53%
63%

Gradient Donut
Progress Bar Style

Decorate your donut progress bar with a gradient color and make it look extra bold.

83%
73%
53%
63%

Thin Line with Colorful
Donut Progress Bar Style

Specify the data section in a circular graph with colorful thin line style.

73%
83%
53%
63%

Thin line Gradient
Donut Progress Bar Style

Do you want your donut progress bar to look eye-catchy and more readable? Then you should definitely try out this one!

83%
73%
63%
53%

Donut Progress Bar with Data

Show your donut progress bar with important information that you want your user to read.

database1

Easy Customize

A small river named Duden flows by their place and supplies it with the necessary regelialia.

cloud-sync

Fully Layered

A small river named Duden flows by their place and supplies it with the necessary regelialia.

cog

Protype Included

A small river named Duden flows by their place and supplies it with the necessary regelialia.

Donut Progress Bar
with Hover Data

Increase your conversion rate by adding a hover effect to your donut progress bar.

database1

Fully Layered

A small river named Duden flows by their place and supplies it with the necessary regelialia.

cloud-sync

Fully Layered

A small river named Duden flows by their place and supplies it with the necessary regelialia.

cog

Protype Included

A small river named Duden flows by their place and supplies it with the necessary regelialia.