# Our Team

### Install Progress addon

This team member requires to install the Progress addon of TZ Portfolio+. So you should go to Admin > Components > TZ Portfolio+ > Addons > Click Install / Update > Install Progress addon

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FLQkzJa1RygoYCcR7jCeA%2Finstal%20progress%20bar%20addon.jpg?alt=media&#x26;token=627dbae1-3188-432e-9f16-561d5867428c" alt=""><figcaption><p>Install Progress Bar addon</p></figcaption></figure>

### Create a team member's article

* Pls go to Admin > Components > TZ Portfolio+ > Articles > New
* Add the member's description and upload the featured image in the image tab.&#x20;

{% tabs %}
{% tab title="Add a member's description" %}

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2F1GoBhFOuykCP87CMC2G8%2Fcreate%20team%20article.jpg?alt=media&#x26;token=c737b802-9da1-4771-b44f-6d0efce482a9" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Upload a member's image" %}

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FJ1fPU2aJ3GAUqlXluMI7%2Fcreate%20team%20article%202.jpg?alt=media&#x26;token=0f37fe04-43ed-411f-a4d4-0a63d1f2bcbc" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Add progress bar

Move to the Progress tab, and click on "Add items" to create new progress statistics.&#x20;

* Leader Style: here you can adjust the font and color of the leader and value.&#x20;
* General options: here you can manage the number of columns of progress bar on different devices.

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FdPaNWbtReB5ZNdFNYqJ5%2Fcreate%20team%20article%203.jpg?alt=media&#x26;token=92df7197-b343-4020-aa9d-e407482d520f" alt=""><figcaption></figcaption></figure>

### Configure the detailed member layout

Let's move to the Layouts section  > Edit the "elegant - Team" layout > here you can edit the layout to meet your demand.&#x20;

<figure><img src="https://3301969549-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoBBXF4uM9fQS8Kd3Rdft%2Fuploads%2FF2Ui1yAEohyEbaGj3EpY%2Fteam%20layout.jpg?alt=media&#x26;token=3a40ce31-61e0-42ac-8ae8-90d1f7ccb98b" alt=""><figcaption></figcaption></figure>
