Orientation

To set the ProgressBar orientation, use the orientation property.

By default, orientation is set to horizontal.

const App = () => {
    return (
       <div className="row">
          <div className="col-6 example-col">
            <p>Horizontal ProgressBar</p>
            <ProgressBar value={50} />
          </div>

         <div className="col-6 example-col">
            <p>Vertical ProgressBar</p>
            <ProgressBar value={50} orientation={'vertical'}/>
          </div>
        </div>
    );
};

ReactDOM.render(
    <App />,
    document.querySelector('my-app')
);