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

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