Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

nzStrokeWidth in progress changes height, not width #8849

Open
rabota-alexey opened this issue Oct 27, 2024 · 1 comment
Open

nzStrokeWidth in progress changes height, not width #8849

rabota-alexey opened this issue Oct 27, 2024 · 1 comment
Assignees

Comments

@rabota-alexey
Copy link

Reproduction link

https://stackblitz.com/edit/angular-yamqw4?file=src%2Fapp%2Fapp.component.ts

Steps to reproduce

set [nzStrokeWidth] for nz-progress component and its height will become a value of [nzStrokeWidth].

What is expected?

Change step's width, not height

What is actually happening?

[nzStrokeWidth] changes step's height

Environment Info
ng-zorro-antd 18.1.1
Browser Chrome
@WwwHhhYran
Copy link
Contributor

Hi, I think nzStrokeWidth refers to the width of the line, i.e. the thickness of the line, so there is no problem with the setting in ng zorro (the thickness corresponds to the height since the line is horizontal).

I'm guessing you want to set the length of the nz-progress component? If so, perhaps you can change the width of the nz-progress by setting the css style like "{ display: block; width: xxx }", or by modifying the ".ant.progress.line" style.

If my guess above is correct, I think your misunderstanding is normal, because there is an additional nzWidth parameter when nzType is circle or dashboard, and it is related to the size of nz-progress.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants