????
Current Path : C:/inetpub/vhost/tracnghiem.gdtsolutions.vn/wwwroot/assets/ |
Current File : C:/inetpub/vhost/tracnghiem.gdtsolutions.vn/wwwroot/assets/AppProgress-98dc5025.js |
import{x as d,a4 as i,j as r,ai as p,aj as a,aD as e,V as n,aE as t}from"./index-9bcd78a9.js";const j=d("div")(({theme:s})=>({margin:"30px",[s.breakpoints.down("sm")]:{margin:"16px"},"& .breadcrumb":{marginBottom:"30px",[s.breakpoints.down("sm")]:{marginBottom:"16px"}},"& .progress":{margin:s.spacing(2)}})),u=()=>{const[s,c]=i.useState(0);return i.useEffect(()=>{function m(){c(o=>{if(o===100)return 0;const x=Math.random()*10;return Math.min(o+x,100)})}const l=setInterval(m,500);return()=>{clearInterval(l)}},[]),r.jsxs(j,{children:[r.jsx("div",{className:"breadcrumb",children:r.jsx(p,{routeSegments:[{name:"Material",path:"/material"},{name:"Prgress"}]})}),r.jsxs(a,{title:"Circuar Progress (Indeterminate)",children:[r.jsx(e,{className:"progress"}),r.jsx(e,{className:"progress",color:"secondary"})]}),r.jsx(n,{py:"12px"}),r.jsxs(a,{title:"Circuar Progress (static)",children:[r.jsx(e,{value:25,variant:"determinate",className:"progress"}),r.jsx(e,{value:50,variant:"determinate",className:"progress",color:"secondary"}),r.jsx(e,{value:75,variant:"determinate",className:"progress",color:"secondary"})]}),r.jsx(n,{py:"12px"}),r.jsxs(a,{title:"Linear Progress (Indeterminate)",children:[r.jsx(t,{}),r.jsx("br",{}),r.jsx(t,{color:"secondary"})]}),r.jsx(n,{py:"12px"}),r.jsxs(a,{title:"Linear Progress (Determinate)",children:[r.jsx(t,{variant:"determinate",value:s}),r.jsx("br",{}),r.jsx(t,{color:"secondary",variant:"determinate",value:s})]})]})};export{u as default};