JavaScript seems to be disabled in your browser. For the best experience on our site, be sure to turn on Javascript in your browser.

Please scroll to bottom and click "Try this" to see preview of builder setting.

Menu

Account

Front-end Builder Elements

Building Professional Sites With Ease

Progress Circle

Progress Circle Element is a great way to visually attract the viewer and display content eg: sales percentages, skill levels, promotional levels, etc.

Circles Progress

60%

70%

80%

90%

Pies Progress

95%

85%

75%

65%

Font Awesome Icons

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor

Builder SettingTry this

Title: title of progress
Font size: font size of title
Color: color of title
Font weight: set font bold for title
Percent value: percent number of progress
Font size: font size of percent number
Color: color of percent number
Font bold: set font bold for percent number
Progress type: type of progress (circle, pie)
Width: width of progress
Show Icon: choose icon to show on center of progress
Icon color: color of icon
Icon font size: font size of icon
Progress width: border width of progress
Middle background: background color if middle section
Default background: default background color of progress
Progress background: background color of progress active

Copyright © 2013-present Magento, Inc. All rights reserved.