online since 2009

HTML Thermometer

Add a fundraising thermometer to any webpage with a single line of HTML. No JavaScript required on your site — the chart is a plain image that updates automatically.

Create your thermometer → See all 25 styles
Original HTML thermometer Classic Light HTML thermometer Dark Modern HTML thermometer

One line of HTML. That's it.

Create your thermometer, then paste this into any webpage.

<img src="https://thermometerchart.net/chart/your-id" alt="Fundraising thermometer" />

The image is generated server-side — no JavaScript, no iframes, no dependencies. It works anywhere HTML <img> tags are accepted.

Works on any platform

If it accepts HTML, it accepts your thermometer.

WordPress
Paste into a Custom HTML block in Gutenberg, or directly in the Classic Editor. No plugin needed.
Squarespace
Add a Code block to any page and paste the img tag. Renders immediately in the editor.
Wix
Use the HTML iframe element or Wix's Custom Code feature to embed your chart.
Raw HTML
Drop the img tag into any .html file. Works with static sites, GitHub Pages, and everything in between.
Email newsletters
Most HTML email clients render img tags — show your campaign progress directly in an email blast.
Google Sites
Use the Embed option and paste the img tag to show a live thermometer on any Google Site page.

How to add an HTML thermometer to your site

1
Set your goal
Enter your campaign title, goal amount, and current amount raised. Takes under a minute — no account required.
2
Pick a style
Choose from 25 thermometer styles. The Original style is always free. Pro styles unlock with a $49/year license.
3
Copy the HTML
Your embed page shows a ready-to-paste <img> tag. Paste it anywhere that accepts HTML and you're done.

No JavaScript required on your site

The thermometer is a server-rendered PNG image — your page loads it the same way it loads any photo. There's nothing to install, no script tags to add to your <head>, and no third-party JavaScript running on your visitors' browsers. Update your goal or current amount in the editor and the image reflects the change on the next page load.

Pro users can connect a Google Sheet — the chart reads the latest values from the sheet on every embed load, so the number updates automatically without any manual editing.

25 thermometer styles

The Original is free. Pro unlocks all 25 styles, custom colors, and Google Sheets sync.

Original thermometer — free
Original Free
framed panel, dollar scale
 Classic Light thermometer
Classic Light Pro
serif title, labeled scale
 Classic Dark thermometer
Classic Dark Pro
3D highlights, gradient bulb
 Dark Modern thermometer
Dark Modern Pro
clean dark theme
 Neon thermometer
Neon Pro
glowing accent
 Glossy thermometer
Glossy Pro
vibrant, glossy finish
 Rocket thermometer
Rocket Pro
night sky, rocket launch
 Heart Fill thermometer
Heart Fill Pro
heart fills with every gift

View all 25 styles →

Frequently asked questions

What is an HTML thermometer?
An HTML thermometer is a fundraising progress chart embedded on a webpage using a standard <img> tag. thermometerchart.net generates the chart as a PNG image on its servers — your page just displays it like any other image. The "mercury" rises as more money is raised, and the image updates whenever you edit your goal or current amount.
Do I need JavaScript to use this?
No. The embed code is a plain <img> tag — no script tags, no external libraries, no JavaScript at all on your end. The chart is rendered server-side and delivered as a PNG. It works in any browser and any HTML context that can display images.
How do I update the thermometer after embedding it?
Use the edit link on your embed page to update the goal or current amount. The image URL stays the same — visitors see the updated chart on their next page load. No need to change your HTML. Pro users can connect a Google Sheet so updates happen automatically.
Is it free?
Yes. The Original style is free with no account required. It includes a small thermometerchart.net watermark. Pro ($49/year) removes the watermark, unlocks all 25 styles, enables custom colors, and adds Google Sheets live sync.
Can I use it in WordPress without a plugin?
Yes. Paste the <img> tag into a Custom HTML block in the Gutenberg editor, or into the text/HTML view in the Classic Editor. No plugin is needed because the embed is just a standard image tag.

Create your HTML thermometer

Free, no account required. Paste it anywhere in under a minute.

Get started free →