Progress Chart Circle
Progress Chart Circle Any Size, Any Color and Any Thickness.
Vivamus non lacus vel tellus viverra gravida. Aenean condimentum ligula id justo lacinia dignissim. Donec tincidunt vel diam quis luctus. Nunc ullamcorper tortor et tortor euismod, hendrerit laoreet metus venenatis. Praesent iaculis mauris ante, non fermentum dui tempor vitae. Mauris bibendum nisl in urna laoreet tincidunt. Nulla auctor at risus id varius. Cras sollicitudin nisi eu metus interdum, id sollicitudin metus tempor. Curabitur eget elit auctor, rutrum nibh non, malesuada dui.
[progresscircle]
[progress title="Chart With Custom Icon" percent="60" color="#16a085" trackcolor="#dcfaf4" size="200" linewidth="7"][icons style="normal" size="32px" icon="icon-thumbs-up"][/progress]
[progress title="Chart With Percentage" percent="75" color="#d35400" trackcolor="#ffe4d3" size="200" linewidth="7"]75%[/progress]
[progress title="Chart With Custom Text" percent="80" color="#2980b9" trackcolor="#d9ebf7" size="200" linewidth="7"]Custom Text[/progress]
[progress title="Chart With “out of 10″ rating" percent="95" color="#2c3e50" trackcolor="#e1e8ef" size="200" linewidth="7"]8/10[/progress]
[/progresscircle]
Customization Options and Features:
- Title: Title text for outside the circle.
- Percent: Type the percentage for circle.
- Bar Color: Use color for the circle bar.
- Track Color: Use color for the circle track bar.
- Size: Enter size of the circle.
- Thickness: Enter size for thickness of the circle.
- Content: Enter text to display in the circle.
Progress Bar
Photoshop
Illustration
HTML5
WordPress
After Effects
Javascript
jQuery
Progress Bar With Different Colors
Photoshop
Illustration
HTML5
WordPress
After Effects
Javascript
jQuery
[progressbar progress="85" color="#16a085" title="Photoshop" bgcolor="#dcfaf4"]
Customization Options and Features:
- Title: Title text for progress bar.
- Percent: Type the percentage for progress.
- Bar Color: Use color for the progress bar.
- Track Color: Use color for the progress track bar.