Page MenuHomePhabricator

Add determinate variant of ProgressBar to Codex
Open, LowestPublic

Description

Background/Goal

A determinate variant of the ProgressBar component needs to be introduced in Codex, so the projects can reuse it to indicate the system status and the remaining waiting time to users.

Screenshot 2022-05-25 at 18.48.43.png (204×1 px, 11 KB)

This Figma frame contains the design specifications for this component.
User stories

As a designer and developer, I need to be able to reuse a system-compliant determinate ProgressBar, and make use of it to communicate to users the approximate amount of time that they'll need to wait for a page or section to be loaded.

Design considerations
Development considerations
Acceptance criteria
  • A Vue 3 compatible version of the determinate ProgressBar variant is implemented
  • The component meets design specifications
  • The component is demonstrated on the Codex demo site

QA & Release

  • QA and accessibility testing
  • Inclusion in Codex release

Event Timeline

Change 853467 had a related patch set uploaded (by VolkerE; author: VolkerE):

[design/codex@main] ProgressBar: Add disabled state, refine styles and demos

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

Change 853467 merged by jenkins-bot:

[design/codex@main] ProgressBar: Add disabled state, refine styles and demos

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

Change 859597 had a related patch set uploaded (by Anne Tomasevich; author: Anne Tomasevich):

[mediawiki/core@master] Update Codex from v0.2.2 to v0.3.0

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

Change 859597 merged by jenkins-bot:

[mediawiki/core@master] Update Codex from v0.2.2 to v0.3.0

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

This has been open for a long time. Is there something holding us back from doing this?