Answers.Body: <p>Set your Goal Amount on Contribution Page = Title and Settings</p>
  
  <blockquote>
    <p>Enter an optional goal amount for this contribution page (e.g. for this 'campaign'). If you enable a contribution widget for this page, the widget will track progress against this goal. Otherwise, the goal will display as 'no limit'.</p>
  </blockquote>
  
  <p>Then click through to the Widget tab such as this one on demo: <a href="http://dmaster.demo.civicrm.org/civicrm/admin/contribute/widget?reset=1&amp;action=update&amp;id=1" rel="nofollow noreferrer">http://dmaster.demo.civicrm.org/civicrm/admin/contribute/widget?reset=1&amp;action=update&amp;id=1</a></p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-06-20T05:04:04.860Z
Answers.Text: It would be great if a progress-bar could be placed directly on the live contribution page.  Could you provide a specific example of how to incorporate the widget code directly into the contribution-page "Introductory Message" HTML?
Answers.UserDisplayName: Mark
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-06-20T09:52:17.483Z
Answers.Text: Widget documentation is here but presume you made effort to check that already?? https://docs.civicrm.org/user/en/latest/contributions/widgets/
Answers.UserDisplayName: petednz - fuzion
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-06-20T13:06:28.850Z
Answers.Text: Yes I have looked at that documentation.  It doesn't indicate how specifically to get the widget source-code into the live contribution page, and simply pasting it into the "Introductory Message" section of the contribution-page configuration screen does not work.
Answers.UserDisplayName: Mark
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2018-06-20T19:55:23.980Z
Answers.Text: Can you pls ask a new question and spell out the exact steps you took and what 'does not work' actually means? I just tried on dmaster and had no joy either.
Answers.UserDisplayName: petednz - fuzion
Answers.ContentLicense: CC BY-SA 3.0
Answers.CreationDate: 2017-05-23T06:06:36.623Z
Answers.LastActivityDate: 2017-05-23T06:06:36.623Z
Answers.UserDisplayName: petednz - fuzion
Answers.Body: <p>We published a small extension that makes it easy to display the progress bar directly on the same contribution page: <a href="https://lab.civicrm.org/extensions/contributeprogress/tree/master" rel="nofollow noreferrer">contributeprogress</a>.</p>
  
  <p><a href="https://i.sstatic.net/FIRQS.jpg" rel="nofollow noreferrer"><img src="https://i.sstatic.net/FIRQS.jpg" alt="screenshot of the widget"></a></p>
  
  <p>The README.md has more details, but the short version is that once this extension is enabled, you can enable the widget and tweak a few colours. The widget will be displayed directly on the contribution page. Not all of the widget settings are relevant (for example, we do not display the widget title and text body, because it's often redundant with the page introduction text).</p>
  
  <p>The default design is also a bit different that the widget preview, because we wanted something a bit more modern looking (and we wanted to propose something that works out of the box, without requiring a designer).</p>
  
  <p>Credits: Roshani Kothari helped with the visual design picking some of the best elements of how progress bars are displayed on different websites, and Plastic Pollution Coalition helped to fund this work. We welcome feedback to refine and improve it further.</p>
  
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-11-23T16:07:39.343Z
Answers.Text: Can this only be shown on the contribution page but not elsewhere?
Answers.UserDisplayName: Andy Burns
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-11-24T17:39:34.610Z
Answers.Text: Unless I am misunderstanding, that is what the extension does by default. Can you give an example of 'elsewhere'?
Answers.UserDisplayName: bgm
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-11-24T17:58:36.833Z
Answers.Text: It is useful to promote the widget for instance, on a home page. Can the code be copied like the native civi contribution widget?
Answers.UserDisplayName: Andy Burns
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-11-25T17:01:05.347Z
Answers.Text: Oh ok, no, it does not replace/improve the existing widget. It shouldn't be too difficult to re-create an equivalent result, if you are interested in contributing a patch or sponsoring the work.
Answers.UserDisplayName: bgm
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2020-08-10T15:37:10.273Z
Answers.Text: 2020 update: I released a new version that provides an alternative embeddable widget. You can see it in action here: https://civicrm.org/mih
Answers.UserDisplayName: bgm
Answers.ContentLicense: CC BY-SA 4.0
Answers.CreationDate: 2019-11-01T22:00:36.430Z
Answers.LastActivityDate: 2019-11-02T17:38:24.897Z
Answers.LastEditDate: 2019-11-02T17:38:24.897Z
Answers.UserDisplayName: bgm
Body: <p>Prior to CiviCRM, I used to use the give donation plugin which made a cool little progress bar for our fundraising campaign pages.  Looking to create something similar with CiviCRM, I came across the <a href="https://civicrm.org/extensions/civiwci" rel="nofollow noreferrer">CiviWCI</a> extension, but it only supports CiviCRM 4.4 and has not been updated in some time.  </p>
  
  <p>Is there a built in functionality or an alternative extension that I could use?</p>
  
  <p>Many thanks!</p>
  
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-05-22T22:57:23.223Z
Comments.Text: it helps if someone can prove that the extension you refer to is broken for 4.7.x - have you done so?
Comments.UserDisplayName: petednz - fuzion
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-05-22T23:00:03.527Z
Comments.Text: also are you aware the Confirmation page can be turned off, per Contribution page, which kind of gets the process down to 2 windows, the one you submit, and the thank you one, at which point how useful is a progress bar?
Comments.UserDisplayName: petednz - fuzion
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-05-23T03:44:39.407Z
Comments.Text: Hey @petednz-fuzion, sorry, I should clarify, what I mean by progress bar is campaign progress... such as 3k of 5k raised.
Comments.UserDisplayName: themak
Comments.ContentLicense: CC BY-SA 3.0
Comments.CreationDate: 2017-05-23T06:07:20.933Z
Comments.Text: ok. got you. a widget. see below
Comments.UserDisplayName: petednz - fuzion
Comments.ContentLicense: CC BY-SA 4.0
Comments.CreationDate: 2020-02-10T15:38:10.367Z
Comments.Text: Related Gitlab issue: https://lab.civicrm.org/dev/core/issues/20
Comments.UserDisplayName: bgm
Tags: <civicontribute><contribution-page><widget>
Title: Is it possible to create a progress bar/widget for a contribution page?
ThreadText: # Is it possible to create a progress bar/widget for a contribution page?
  
  (Asked by: username_0 on 2017-05-22)
  
  Prior to CiviCRM, I used to use the give donation plugin which made a cool little progress bar for our fundraising campaign pages. Looking to create something similar with CiviCRM, I came across the [CiviWCI](https://civicrm.org/extensions/civiwci) extension, but it only supports CiviCRM 4.4 and has not been updated in some time.
  
  Is there a built in functionality or an alternative extension that I could use?
  
  Many thanks!
  
  **Tags:** civicontribute, contribution-page, widget
  
  > **Comments:**
  > **username_1**: it helps if someone can prove that the extension you refer to is broken for 4.7.x - have you done so?  
  > **username_1**: also are you aware the Confirmation page can be turned off, per Contribution page, which kind of gets the process down to 2 windows, the one you submit, and the thank you one, at which point how useful is a progress bar?  
  > **username_0**: Hey @petednz-fuzion, sorry, I should clarify, what I mean by progress bar is campaign progress... such as 3k of 5k raised.  
  > **username_1**: ok. got you. a widget. see below  
  > **username_2**: Related Gitlab issue: https://lab.civicrm.org/dev/core/issues/20  
  
  ---
  
  ## 2 answers
  
  ### Answer by username_2 on 2019-11-01. Score: 4 | Accepted answer
  
  We published a small extension that makes it easy to display the progress bar directly on the same contribution page: [contributeprogress](https://lab.civicrm.org/extensions/contributeprogress/tree/master).
  
  [![screenshot of the widget](https://i.sstatic.net/FIRQS.jpg)](https://i.sstatic.net/FIRQS.jpg)
  
  The README.md has more details, but the short version is that once this extension is enabled, you can enable the widget and tweak a few colours. The widget will be displayed directly on the contribution page. Not all of the widget settings are relevant (for example, we do not display the widget title and text body, because it's often redundant with the page introduction text).
  
  The default design is also a bit different that the widget preview, because we wanted something a bit more modern looking (and we wanted to propose something that works out of the box, without requiring a designer).
  
  Credits: Roshani Kothari helped with the visual design picking some of the best elements of how progress bars are displayed on different websites, and Plastic Pollution Coalition helped to fund this work. We welcome feedback to refine and improve it further.
  
  > **Comments:**
  > **username_4**: Can this only be shown on the contribution page but not elsewhere?  
  > **username_2**: Unless I am misunderstanding, that is what the extension does by default. Can you give an example of 'elsewhere'?  
  > **username_4**: It is useful to promote the widget for instance, on a home page. Can the code be copied like the native civi contribution widget?  
  > **username_2**: Oh ok, no, it does not replace/improve the existing widget. It shouldn't be too difficult to re-create an equivalent result, if you are interested in contributing a patch or sponsoring the work.  
  > **username_2**: 2020 update: I released a new version that provides an alternative embeddable widget. You can see it in action here: https://civicrm.org/mih  
  
  ---
  
  ### Answer by username_1 on 2017-05-23. Score: 3
  
  Set your Goal Amount on Contribution Page = Title and Settings
  
  > Enter an optional goal amount for this contribution page (e.g. for this 'campaign'). If you enable a contribution widget for this page, the widget will track progress against this goal. Otherwise, the goal will display as 'no limit'.
  
  Then click through to the Widget tab such as this one on demo: <http://dmaster.demo.civicrm.org/civicrm/admin/contribute/widget?reset=1&action=update&id=1>
  
  > **Comments:**
  > **username_3**: It would be great if a progress-bar could be placed directly on the live contribution page.  Could you provide a specific example of how to incorporate the widget code directly into the contribution-page "Introductory Message" HTML?  
  > **username_1**: Widget documentation is here but presume you made effort to check that already?? https://docs.civicrm.org/user/en/latest/contributions/widgets/  
  > **username_3**: Yes I have looked at that documentation.  It doesn't indicate how specifically to get the widget source-code into the live contribution page, and simply pasting it into the "Introductory Message" section of the contribution-page configuration screen does not work.  
  > **username_1**: Can you pls ask a new question and spell out the exact steps you took and what 'does not work' actually means? I just tried on dmaster and had no joy either.  
  
  ---
  
  