KaterinaLupacheva/react-progress-bar

I want to pass to the ProgressBar container className <div style = {outsideStyles}> or add attribute fullWidth

BykovDenis opened this issue · 3 comments

The progress bar is inside the flex-container flex: column.
The progress bar stretches to its full width if you pass the flex-grow: 1. But i can't to pass any css class

@BykovDenis could you please explain specifically what you are trying to achieve? There is a "width" prop present for the progress bar, which defined its length, basically. Which css prop would you like to pass?

@BykovDenis if you need to pass flex-grow: 1 to the Progress Bar, you can add a wrapper (parent) div and set its flex-grow: 1. The progress bar will fit the width of the parent component. Like this:

<div style={{ flexGrow: 1 }}>
      <ProgressBar completed={50} />
</div>

Or with a class name:
//styles.css

.pb {
  flex-grow: 3;
}

//App.js

<div className="pb">
      <ProgressBar completed={50} />
</div>

Thanks it works