import { h } from "@stencil/core";
export const ProgressBar = ({ percentage }) => {
    return (h("span", { class: "w-full h-2.5 bg-theme-gray rounded-full relative overflow-hidden" }, h("span", { class: `w-full h-2.5 bg-primary rounded-full absolute left-0 top-0 origin-left`, style: { transform: `translateX(-${Math.max(0, 100 - Math.min(percentage, 100))}%)` } })));
};
