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

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.