> ## Documentation Index
> Fetch the complete documentation index at: https://apidoc.crowdchange.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Thermometer Widget

> Embed the CrowdChange thermometer widget to display a live fundraising thermometer with goal and raised amounts for any campaign, team, or personal page.

The `thermometer` widget displays a live fundraising thermometer that fills toward a goal. It renders inline and can track an entire fundraiser, a specific team, or an individual personal page.

New to widgets? Start with the [Widgets Overview](/widgets/overview) to add the embed script.

![CrowdChange thermometer widget](https://files.readme.io/311a9195bebcccfcc030348c0462a38265c366657dc0ff8acf52df099afe2af7-image.png)

***

## Usage example

### Thermometer for fundraiser progress

```html theme={null}
<crowdchange widget="thermometer"
             fundraiser="1000"
             show-name="true"
             color-text="#ffffff"
             color-primary="#e43d31"
             color-background="#212944"
             progress-bar-color="#e43d31"
></crowdchange>
```

***

## Supported settings

| JS Setting         | Element Attribute    | Description                                                                 | Default             |
| :----------------- | :------------------- | :-------------------------------------------------------------------------- | :------------------ |
| `widget`           | `widget`             | Widget type: `thermometer`.                                                 | Required            |
| `fundraiser`       | `fundraiser`         | The ID of the fundraiser.                                                   | \*                  |
| `fundraiserTeam`   | `fundraiser-team`    | The ID of the team.                                                         | \*                  |
| `fundraiserPage`   | `fundraiser-page`    | The ID of the personal page.                                                | \*                  |
| `showName`         | `show-name`          | Show the name of the fundraiser, team, or personal page: `true` or `false`. | `false`             |
| `language`         | `language`           | The language code, e.g. `en`, `fr`.                                         | `en`                |
| `colorPrimary`     | `color-primary`      | Primary color.                                                              | Fundraiser's theme. |
| `colorText`        | `color-text`         | Text color.                                                                 | Fundraiser's theme. |
| `colorBackground`  | `color-background`   | Background color.                                                           | Fundraiser's theme. |
| `progressBarColor` | `progress-bar-color` | Progress bar color.                                                         | Fundraiser's theme. |

<Note>
  Provide **one** of the following IDs to choose what the widget tracks:

  * `fundraiser` — progress of the overall fundraiser.
  * `fundraiser-team` — progress of a specific team.
  * `fundraiser-page` — progress of a specific personal page.

  If you provide none of these, the widget shows the overall progress of your site.
</Note>