import React from "react";
import { Progress, ProgressBar } from "../../";

export default (
  <div className="m-5">
    <Progress>
      <ProgressBar value={20} color="danger" />
    </Progress>
    <Progress className="mt-5">
      <ProgressBar value={25} color="warning" />
    </Progress>
    <Progress className="mt-5">
      <ProgressBar value={50} color="info" />
    </Progress>
    <Progress className="mt-5">
      <ProgressBar value={75} color="success" />
    </Progress>
  </div>
);