Allow "100%" width prop in Progress component about react95

[Mrpanquecas]

I can try and make a PR for that,

would you prefer a simple check like this:

props => props.width ? ${props.width}px : '100%'

or a little more complex check that allows the user to choose the type of width measurement?
IMO the user should always specify the type and resort to px if none is chosen

[Mrpanquecas]

Yes i will try to solve this issues ASAP, keep up the really good work

[Mrpanquecas]

Awesome! I will try it out right now in my project! thanks a lot for the explanation!

[arturbien]

@Mrpanquecas I think we could approach it in exact same way as in <TextField /> component. Same thing should also be done in <Select /> component. #46. Do you want to solve these issues? 😊 thanks a lot for getting involved!

[Mrpanquecas]

I've modified the select to be able to get 100% of the width.
the progressbar is a bit more tricky because when you put 100% width in the BlueBar component it gets 100% of the parent so the display of the progress percentage is never placed right. Any ideas to fix this?

also i'm not able to commit (it's my first time contributing ever) how is that process done? (can't push to new/old branches)

[arturbien]

@Mrpanquecas ok so for now just make a pull request for the Select component changes (#46). You can see a nice tutorial on how to do it here. As for the Progress component- I can take care of that and I will let you know how I solved the issue, ok? 😊

[arturbien]

@Mrpanquecas you can check my solution for the Progress component now 😊 basically I used css property clip-path so the blue bar is always of 100% width but then I only crop out percentage % of its width, so the rest becomes invisible

[arturbien]

🎉 This issue has been resolved in version 3.0.0-beta.1 🎉

The release is available on:

• npm package (@beta dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[arturbien]

🎉 This issue has been resolved in version 3.0.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀