import React from "react";

export function ProgressBar(props) {
  return <div className="relative w-full">
    <div className={"overflow-hidden h-2 text-xs flex rounded bg-red-200 " + props.className}>
      <div
        style={{ width: props.percent }}
        className="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-red-500"
      ></div>
    </div>
  </div>;
}