ionic-team / ionic-team/ionic-framework
Progress Bar - use width instead of scaleX to allow rounded progress bar
Open
package: core
type: feature request
- Dominant language
- TypeScript
- Stars
- 52.7k
- Forks
- 13.3k
- Avg merge
- 1d 15h
- Merged PRs (30d)
- 51
Description
https://github.com/ionic-team/ionic-framework/blob/e1c0f457966ab79c7a8774ec9bd0b34458067305/core/src/components/progress-bar/progress-bar.tsx#L102
The `scaleX()` also scales border-radius. If you use border radius on the top-left and bottom-right to make a round tip to the progress bar, it distorts across the width of the progress bar.
Changing to:
```js
```
would scale it similarly without scaling the border-radius
Contributor guide
Assessment
This issue has not been assessed yet.