ionic-team / ionic-team/ionic-framework

Progress Bar - use width instead of scaleX to allow rounded progress bar

Open
#29,607 4 comments 1 reaction 0 assignees View on GitHub
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.