@radix-ui/themes/dist/esm/components/progress.js

[](https://radix-ui.com/themes)

"use client";import*as e from"react";import f from"classnames";import*as o from"@radix-ui/react-progress";import{progressPropDefs as g}from"./progress.props.js";import{extractProps as d,mergeStyles as l}from"../helpers/index.js";import{marginPropDefs as u}from"../props/index.js";const s=e.forwardRef((t,p)=>{const{className:i,style:m,color:P,radius:a,duration:n,...r}=d(t,g,u);return e.createElement(o.Root,{"data-accent-color":P,"data-radius":a,ref:p,className:f("rt-ProgressRoot",i),style:l({"--progress-duration":"value"in r?void 0:n,"--progress-value":"value"in r?r.value:void 0},m),...r,asChild:!1},e.createElement(o.Indicator,{className:"rt-ProgressIndicator"}))});s.displayName="Progress";export{s as Progress};
//# sourceMappingURL=progress.js.map