Page MenuHomePhabricator

Investigation: Progress bar for goal-setting
Closed, ResolvedPublic

Assigned To
Authored By
ifried
Oct 20 2025, 6:46 PM
Referenced Files
Restricted File
Feb 13 2026, 6:04 PM
F72076944: Screenshot 2026-02-13 at 02.14.09.png
Feb 13 2026, 5:52 PM
F68031735: post_publish_popup (7).png
Dec 1 2025, 11:10 PM
F68031731: event page (1).png
Dec 1 2025, 11:10 PM
F68031727: contributions_table (20).png
Dec 1 2025, 11:10 PM

Description

Acceptance Criteria:

  • Investigate & provide recommendations for how we can track the goals set for an event, which means:
    • There should be a progress bar that visually demonstrates the percentage complete of a goal, which includes:
      • Visual representation of progress complete through progress bar
      • Text that states % complete below the progress below
    • There should potentially be a way to demonstrate how much the % complete will change if you (as the editor) save an edit when in the post-publication dialog, which may include:
      • A lighter green shade for how much the progress bar would be further complete
      • A text explanation of how much your edit would change things
    • Share pros/cons & recommendations of live updates vs. update upon refresh for the progress bar
    • Maybe only show progress bar on event page for logged in users (otherwise we might serve cached/outdated progress from the CDN)

Related tickets:

  • T407638 - note that we're hoping that this work is not a blocker for this investigation

Visual examples:

Progress against goal in Contributions tab
contributions_table (20).png (2×2 px, 244 KB)
Progress against goal in Event page
event page (1).png (734×1 px, 356 KB)
Progress against goal in association dialog
post_publish_popup (7).png (1×2 px, 925 KB)

Details

Event Timeline

ifried updated the task description. (Show Details)
cmelo changed the task status from Open to In Progress.Feb 13 2026, 5:56 AM
cmelo claimed this task.

Change #1239361 had a related patch set uploaded (by Cmelo; author: Cmelo):

[mediawiki/extensions/CampaignEvents@master] POC - Progress bar for goal-setting

https://gerrit.wikimedia.org/r/1239361

Test wiki created on Patch demo by CMelo (WMF) using patch(es) linked to this task:
https://52b7077d08.catalyst.wmcloud.org/w/

As a result of the investigation, I created a POC: [POC link on patchdemo].

The POC uses a Mustache template and Codex to implement the “Progress to goal” bar so it matches the shared designs.

The data shown (e.g. current/target and percentage) is fake, since this is only a proof of concept.

The component appears in three places:

{F72078161}

Patchdemo url: https://34c86e0444.catalyst.wmcloud.org/wiki/Event:EventGoalTestEvent

Test wiki created on Patch demo by CMelo (WMF) using patch(es) linked to this task:
https://34c86e0444.catalyst.wmcloud.org/w/

I haven't reviewed the code, but I think it makes sense. I'm not sure if there was something more specific that we needed to look into as part of this, but otherwise it seems it'd be pretty straightforward, once we'll have a progress bar component.

The only point in the AC not touched above would be:

Share pros/cons & recommendations of live updates vs. update upon refresh for the progress bar

But I think we discussed it before already

Share pros/cons & recommendations of live updates vs. update upon refresh for the progress bar

But I think we discussed it before already

Yes, thank you!

About this the pros/cons would be:

Pros:

  • Users would be able to see the progress bar changing in "real time"

Cons:

  • We would need a new endpoint and a js code to make a new request every X seconds
  • We also would need to add logics to the js code to not make the request every X seconds when the event is over or have not started yet

That said, it is doable, but adds more complexity.

My option, I would not do it for the MVP, but we can add it later if we really want/need to.

Test wiki created on Patch demo by CMelo (WMF) using patch(es) linked to this task:
https://35e497a444.catalyst.wmcloud.org/w/

Test wiki created on Patch demo by CMelo (WMF) using patch(es) linked to this task:
https://2362f1f77a.catalyst.wmcloud.org/w/

Test wiki created on Patch demo by CMelo (WMF) using patch(es) linked to this task:
https://4f65b46484.catalyst.wmcloud.org/w/

Moving this task to done, since the investigation sounds good, and the new codex component is being done in T407638

Change #1249904 had a related patch set uploaded (by Cmelo; author: Cmelo):

[mediawiki/extensions/CampaignEvents@master] Add progress bar in event detials

https://gerrit.wikimedia.org/r/1249904

Change #1249914 had a related patch set uploaded (by Cmelo; author: Cmelo):

[mediawiki/extensions/CampaignEvents@master] Add progress bar on event page

https://gerrit.wikimedia.org/r/1249914

Change #1249917 had a related patch set uploaded (by Cmelo; author: Cmelo):

[mediawiki/extensions/CampaignEvents@master] Add progress baar to post-edit modal

https://gerrit.wikimedia.org/r/1249917

Test wiki created on Patch demo by CMelo (WMF) using patch(es) linked to this task:
https://f75c182813.catalyst.wmcloud.org/w/