{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/vh04rTSJX81hbHwLHYBB/wcNYTi6QSuRtLqa7Wy8k/ProgressBar.js"],
  "sourcesContent": ["// Linear progress bar with total and active number, customizable bg color, bar color, and border radius\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Linear Progress Bar\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight fixed\n */export default function ProgressBar(props){const{total,active,backgroundColor,barColor,borderRadius,style={}}=props;const percent=total>0?Math.min(Math.max(active/total,0),1):0;return /*#__PURE__*/_jsx(\"div\",{style:{...style,width:\"100%\",height:\"100%\",background:backgroundColor,borderRadius,overflow:\"hidden\",position:\"relative\",display:\"flex\",alignItems:\"center\"},\"aria-valuenow\":active,\"aria-valuemax\":total,\"aria-valuemin\":0,role:\"progressbar\",children:/*#__PURE__*/_jsx(\"div\",{style:{background:barColor,height:\"100%\",width:`${percent*100}%`,borderRadius,transition:\"width 0.3s cubic-bezier(.4,0,.2,1)\"}})});}addPropertyControls(ProgressBar,{total:{type:ControlType.Number,title:\"Total\",defaultValue:100,min:1,step:1,displayStepper:true},active:{type:ControlType.Number,title:\"Active\",defaultValue:50,min:0,step:1,displayStepper:true},backgroundColor:{type:ControlType.Color,title:\"BG Color\",defaultValue:\"#EEEEEE\"},barColor:{type:ControlType.Color,title:\"Bar Color\",defaultValue:\"#0099FF\"},borderRadius:{type:ControlType.Number,title:\"Radius\",defaultValue:8,min:0,max:32,step:1}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProgressBar\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProgressBar.map"],
  "mappings": "yDAMkB,SAARA,EAA6BC,EAAM,CAAC,GAAK,CAAC,MAAAC,EAAM,OAAAC,EAAO,gBAAAC,EAAgB,SAAAC,EAAS,aAAAC,EAAa,MAAAC,EAAM,CAAC,CAAC,EAAEN,EAAYO,EAAQN,EAAM,EAAE,KAAK,IAAI,KAAK,IAAIC,EAAOD,EAAM,CAAC,EAAE,CAAC,EAAE,EAAE,OAAoBO,EAAK,MAAM,CAAC,MAAM,CAAC,GAAGF,EAAM,MAAM,OAAO,OAAO,OAAO,WAAWH,EAAgB,aAAAE,EAAa,SAAS,SAAS,SAAS,WAAW,QAAQ,OAAO,WAAW,QAAQ,EAAE,gBAAgBH,EAAO,gBAAgBD,EAAM,gBAAgB,EAAE,KAAK,cAAc,SAAsBO,EAAK,MAAM,CAAC,MAAM,CAAC,WAAWJ,EAAS,OAAO,OAAO,MAAM,GAAGG,EAAQ,GAAG,IAAI,aAAAF,EAAa,WAAW,oCAAoC,CAAC,CAAC,CAAC,CAAC,CAAE,CAACI,EAAoBV,EAAY,CAAC,MAAM,CAAC,KAAKW,EAAY,OAAO,MAAM,QAAQ,aAAa,IAAI,IAAI,EAAE,KAAK,EAAE,eAAe,EAAI,EAAE,OAAO,CAAC,KAAKA,EAAY,OAAO,MAAM,SAAS,aAAa,GAAG,IAAI,EAAE,KAAK,EAAE,eAAe,EAAI,EAAE,gBAAgB,CAAC,KAAKA,EAAY,MAAM,MAAM,WAAW,aAAa,SAAS,EAAE,SAAS,CAAC,KAAKA,EAAY,MAAM,MAAM,YAAY,aAAa,SAAS,EAAE,aAAa,CAAC,KAAKA,EAAY,OAAO,MAAM,SAAS,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC",
  "names": ["ProgressBar", "props", "total", "active", "backgroundColor", "barColor", "borderRadius", "style", "percent", "p", "addPropertyControls", "ControlType"]
}