# Progress Pie

The Progress Pie is used to show the progress towards reaching the goal.

#### Default Chart Image:

<div align="left"><img src="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FQ3qlAISYExJ2aW1sk2CX%2Fprogress_default.png?alt=media&#x26;token=2638c789-7f72-4605-90b8-dcf25cde57ed" alt=""></div>

#### Properties of the Progress Pie:

* **Background:** The user can enable the shadow, change the shadow color, and transparency of that shadow. Also, the user can change the background color and adjust its transparency.
* **General:** The user can change the height, width, top, left. If initial visibility is unchecked, then the chart won’t be visible at the first preview. The user can set the ‘Base Color’ as the component color and ‘Value color’ for the value. The transparency can be controlled. Chart type can be either Circle or Horizontal Bar or Vertical Bar.
* **Label:** The user can adjust the font properties.
* **Subtitle:** The user can adjust the font properties of the subtitle in this section.
* **Title:** The user can adjust the font properties of the title in this section.
* **Tooltip:** The user can change the Tooltip properties. Adjust the tooltip box size, font size, etc.

#### General Properties:

<div align="left"><img src="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FvtR0qwGeNkeYuXTExfW9%2Fprogress_general.png?alt=media&#x26;token=e44e8f60-b1eb-4ea4-a695-3a299ef7de59" alt=""></div>

#### Title Properties:

<div align="left"><img src="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FL69gv7SeUwQOAN7pZOPn%2Fprogress_title.png?alt=media&#x26;token=5f16f8af-e664-40e8-9981-e36c2f30c4ee" alt=""></div>

#### Tooltip Properties:

<div align="left"><img src="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FZamchvZMlzdcbPZYbbgN%2Fprogress_tooltip.png?alt=media&#x26;token=2847da56-327c-4c30-a790-b86d340ee33d" alt=""></div>

#### Label Properties:

<div align="left"><img src="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FFPfaaLkion1El7jX64Sj%2Fprogresspie_label.png?alt=media&#x26;token=9e86ae37-88c2-4c5b-9ff3-a1b18ada86ea" alt=""></div>

#### Modified Progress Pie after changing its properties:

<div align="left"><img src="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FEcnuO2USkm5Hdf7GPhf3%2Fprogress_preview.png?alt=media&#x26;token=ce22ec0c-9478-4c16-a634-9cf1585b4f38" alt=""></div>

#### Chart type: Round

<div align="left"><img src="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FdrxylJglGsmxdhIhcQlW%2Fprogress_round_linecap.png?alt=media&#x26;token=ef39e286-8f5e-44cb-8a02-f5c2d3fb56ae" alt=""></div>

#### Chart Type: Horizontal Bar

<div align="left"><img src="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FdHHofpwObftHLbEgGFrk%2Fprogress_horizontalbar.png?alt=media&#x26;token=972d809c-1737-42f1-9d2c-ff738fe2114a" alt=""></div>

#### Chart Type: Vertical Bar

<div align="left"><img src="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FbREGfLy49wkrpGb2CGm0%2Fprogress_verticalbar.png?alt=media&#x26;token=55083e1d-9686-415b-87f0-9b939f3f27bd" alt=""></div>