material-components / material-components/material-web
Update linear progress to new NTC guidelines
Nobody has claimed this yet.
- Dominant language
- SCSS
- Stars
- 11.3k
- Forks
- 1.1k
- Avg merge
- 20h 28m
- Merged PRs (30d)
- 13
Description
### Description
The new linear progress bar implemented in Material Design 3 is not yet present in material-web. It contains:
- New animations
- Rounded corners
- A dot at the end of the bar.
This is needed to ensure material-web is fully compliant with Material Design specs.
For more details:
https://github.com/material-components/material-web/assets/136392184/51822daf-7c43-4295-a0be-56f18cb30c29
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
No files or tests are named. Start by locating the linear progress component entry point and its tests in material-web, then compare the current behavior with the linked Material Design 3 guidance. Done means the component has the specified animations, rounded corners, and end dot and is covered by appropriate tests.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- sass
- Domain
- design, frontend, web-dev
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100