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

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

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