Goal Thermometer Widget
Show supporters how close your appeal is to its target. The embeddable goal thermometer displays the amount raised against the goal, the percentage reached, the amount still to go and, with an end date, the days left - in your currency and accent colour, updated by changing the embed settings.
Live preview
Under the widget on your page: Powered by A2Z Tools
Embed code
<iframe src="https://a2z.tools/embed/w/goal-thermometer" title="Goal Thermometer by A2Z Tools" width="100%" height="300" style="border:0;width:100%" loading="lazy" allow="clipboard-write"></iframe>
A plain iframe. Works everywhere, including site builders that strip scripts. Adjust height if your content needs more room.
<div data-a2z-widget="goal-thermometer" data-height="300"></div> <script async src="https://a2z.tools/embed.js"></script>
Adds a small script (what it does) that sizes the widget to fit its content, loads it lazily and keeps it isolated from your page's CSS.
Works with
How it works
The publisher sets the figures in the builder: amount raised, goal, an optional campaign label and an optional end date, plus the currency. The percentage is raised divided by goal: 6,200 of a 10,000 goal is 62%, with 3,800 to go. The fill of the thermometer stops at 100%, but the text keeps the true figure, so an appeal at 12,500 of 10,000 reads 125% with a Goal reached badge. With an end date the widget counts the calendar days from the visitor's today to that date, including the end date itself, so on the final day it reads last day and afterwards campaign ended. The progress bar carries role progressbar with values from 0 to 100 and a text alternative such as 6,200 raised of 10,000 (62%), so screen-reader users hear the same information. To update the total, change the raised value in the embed code.
Method
- Percent = raised / goal x 100 (fill capped at 100%)
- To go = max(0, goal - raised)
- Days left = calendar days from today to the end date, counting the end date
Worked examples
Appeal in progress
Inputs: Raised 6,200; goal 10,000; label Roof appeal; end date 2026-12-31; viewed 2026-10-01
Result: 62% of goal, 3,800 to go, 92 days left
6,200 / 10,000.
Target beaten
Inputs: Raised 12,500; goal 10,000
Result: Full thermometer; 125% of goal; Goal reached
The fill is capped, the text is not.
Limitations
- Static figures: the publisher updates the raised amount; there is no live connection to donations.
- Days left use the visitor's own date, so near midnight two visitors in different time zones can see different counts.
Where publishers use it
- Charity and nonprofit appeal pages and donation landing pages
- School, PTA and church building-fund updates
- Crowdfunding and community-project blogs between platform updates
- Company volunteering and matched-giving campaigns on an intranet
- Sales or membership drives shown as a target to hit
Questions
How do I update the amount raised?
Change v_raised in the embed code (or in the builder) and republish. The widget does not connect to a payment provider, so it shows exactly the figure you set.
What happens when the goal is passed?
The fill stays full and the text shows the real percentage - 12,500 of 10,000 shows 125% and a Goal reached badge.
How are days left counted?
From the visitor's date to the end date, counting the end date. With an end date of 31 December 2026, a visitor on 1 October 2026 sees 92 days left; on 31 December it says last day.
Is it accessible?
Yes. The bar is a labelled progressbar with aria-valuenow from 0 to 100 and a text value naming both amounts, and the same information is printed as text, so nothing relies on colour.
Can I track something other than money?
The amounts are formatted in the chosen currency. For volunteers, signatures or members, a stats counter is the better fit.
Cite or recommend this tool
If you reference this tool in an article, course or documentation, these formats are ready to copy. They are optional - nothing is added to your site unless you paste it.
A2Z Tools Goal Thermometer https://a2z.tools/embed/goal-thermometer
<a href="https://a2z.tools/embed/goal-thermometer">A2Z Tools Goal Thermometer</a>
[A2Z Tools Goal Thermometer](https://a2z.tools/embed/goal-thermometer)
Goal Thermometer by A2Z Tools - https://a2z.tools/embed/goal-thermometer
Related widgets
-
An animated band of up to four headline numbers that count up once when they scroll into view.
-
Live days, hours, minutes and seconds to a date you set, with an "event has started" message.
-
A slim banner with your offer headline, a live countdown and an optional Shop now button.
-
Return on ad spend as a multiple and a percentage, with break-even ROAS from your margin.
-
Solve CPM, campaign cost or impressions from the other two.
-
Cost per click plus CTR, CPM, conversion rate and CPA from one campaign's totals.