Orientation

To set the ChunkProgressBar 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 ChunkProgressBar</p>
            <ChunkProgressBar value={50} />
          </div>

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

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