[{"data":1,"prerenderedAt":2140},["Reactive",2],{"content-query-7u2ZnLNB5P":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"_empty":6,"title":8,"description":9,"body":10,"_type":2136,"_id":2137,"_source":2138,"_file":2139,"_extension":1276},"/docs/components/progress","components",false,"","Progress - Inkline","A custom component for displaying progress with support for stacked progress bars.",{"type":11,"children":12,"toc":2125},"root",[13,22,28,56,204,211,228,450,466,1247,1253,1292,1594,1599,1642,1794,1800,1822,2050,2056,2062,2066,2071,2074,2080,2085,2089,2094,2097,2103,2108,2112,2117,2120],{"type":14,"tag":15,"props":16,"children":18},"element","h1",{"id":17},"progress",[19],{"type":20,"value":21},"text","Progress",{"type":14,"tag":23,"props":24,"children":26},"h2",{"id":25},"a-custom-component-for-displaying-progress-with-support-for-stacked-progress-bars",[27],{"type":20,"value":9},{"type":14,"tag":29,"props":30,"children":31},"p",{},[32,34,40,42,47,49,54],{"type":20,"value":33},"Progress components are built with two components: a wrapper ",{"type":14,"tag":35,"props":36,"children":37},"code-inline",{},[38],{"type":20,"value":39},"\u003CIProgress>",{"type":20,"value":41}," and at least one ",{"type":14,"tag":35,"props":43,"children":44},{},[45],{"type":20,"value":46},"\u003CIProgressBar>",{"type":20,"value":48},". You can set the width of a progress bar by setting its ",{"type":14,"tag":35,"props":50,"children":51},{},[52],{"type":20,"value":53},"value",{"type":20,"value":55}," property.",{"type":14,"tag":57,"props":58,"children":59},"content-tabs",{},[60,69],{"type":14,"tag":61,"props":62,"children":63},"template",{"v-slot:preview":7},[64],{"type":14,"tag":65,"props":66,"children":68},"content-preview",{"src":67},"/components/IProgress/examples/basic",[],{"type":14,"tag":61,"props":70,"children":71},{"v-slot:vue":7},[72],{"type":14,"tag":73,"props":74,"children":79},"code",{"className":75,"code":77,"language":78,"meta":7},[76],"language-vue","\u003Ctemplate>\n    \u003CIProgress>\n        \u003CIProgressBar :value=\"65\" />\n    \u003C/IProgress>\n\u003C/template>\n\n","vue",[80],{"type":14,"tag":81,"props":82,"children":83},"pre",{},[84],{"type":14,"tag":73,"props":85,"children":86},{"__ignoreMap":7},[87,109,128,169,186],{"type":14,"tag":88,"props":89,"children":92},"span",{"class":90,"line":91},"line",1,[93,99,104],{"type":14,"tag":88,"props":94,"children":96},{"class":95},"ct-553616",[97],{"type":20,"value":98},"\u003C",{"type":14,"tag":88,"props":100,"children":102},{"class":101},"ct-914029",[103],{"type":20,"value":61},{"type":14,"tag":88,"props":105,"children":106},{"class":95},[107],{"type":20,"value":108},">\n",{"type":14,"tag":88,"props":110,"children":112},{"class":90,"line":111},2,[113,118,124],{"type":14,"tag":88,"props":114,"children":115},{"class":95},[116],{"type":20,"value":117},"    \u003C",{"type":14,"tag":88,"props":119,"children":121},{"class":120},"ct-028869",[122],{"type":20,"value":123},"IProgress",{"type":14,"tag":88,"props":125,"children":126},{"class":95},[127],{"type":20,"value":108},{"type":14,"tag":88,"props":129,"children":131},{"class":90,"line":130},3,[132,137,142,147,153,158,164],{"type":14,"tag":88,"props":133,"children":134},{"class":95},[135],{"type":20,"value":136},"        \u003C",{"type":14,"tag":88,"props":138,"children":139},{"class":120},[140],{"type":20,"value":141},"IProgressBar",{"type":14,"tag":88,"props":143,"children":144},{"class":95},[145],{"type":20,"value":146}," ",{"type":14,"tag":88,"props":148,"children":150},{"class":149},"ct-762058",[151],{"type":20,"value":152},":value",{"type":14,"tag":88,"props":154,"children":155},{"class":95},[156],{"type":20,"value":157},"=",{"type":14,"tag":88,"props":159,"children":161},{"class":160},"ct-952708",[162],{"type":20,"value":163},"\"65\"",{"type":14,"tag":88,"props":165,"children":166},{"class":95},[167],{"type":20,"value":168}," />\n",{"type":14,"tag":88,"props":170,"children":172},{"class":90,"line":171},4,[173,178,182],{"type":14,"tag":88,"props":174,"children":175},{"class":95},[176],{"type":20,"value":177},"    \u003C/",{"type":14,"tag":88,"props":179,"children":180},{"class":120},[181],{"type":20,"value":123},{"type":14,"tag":88,"props":183,"children":184},{"class":95},[185],{"type":20,"value":108},{"type":14,"tag":88,"props":187,"children":189},{"class":90,"line":188},5,[190,195,199],{"type":14,"tag":88,"props":191,"children":192},{"class":95},[193],{"type":20,"value":194},"\u003C/",{"type":14,"tag":88,"props":196,"children":197},{"class":101},[198],{"type":20,"value":61},{"type":14,"tag":88,"props":200,"children":201},{"class":95},[202],{"type":20,"value":203},">",{"type":14,"tag":205,"props":206,"children":208},"h3",{"id":207},"color-variants",[209],{"type":20,"value":210},"Color Variants",{"type":14,"tag":29,"props":212,"children":213},{},[214,216,220,222,227],{"type":20,"value":215},"Inkline includes multiple progress styles. You set the wrapper ",{"type":14,"tag":35,"props":217,"children":218},{},[219],{"type":20,"value":39},{"type":20,"value":221}," background using the ",{"type":14,"tag":35,"props":223,"children":224},{},[225],{"type":20,"value":226},"color",{"type":20,"value":55},{"type":14,"tag":57,"props":229,"children":230},{},[231,238],{"type":14,"tag":61,"props":232,"children":233},{"v-slot:preview":7},[234],{"type":14,"tag":65,"props":235,"children":237},{"src":236},"/components/IProgress/examples/color-variants",[],{"type":14,"tag":61,"props":239,"children":240},{"v-slot:vue":7},[241],{"type":14,"tag":73,"props":242,"children":245},{"className":243,"code":244,"language":78,"meta":7},[76],"\u003Ctemplate>\n    \u003CIProgress color=\"light\">\n        \u003CIProgressBar :value=\"65\" />\n    \u003C/IProgress>\n\n    \u003CIProgress color=\"dark\">\n        \u003CIProgressBar :value=\"65\" />\n    \u003C/IProgress>\n\u003C/template>\n\n",[246],{"type":14,"tag":81,"props":247,"children":248},{},[249],{"type":14,"tag":73,"props":250,"children":251},{"__ignoreMap":7},[252,267,299,330,345,353,386,418,434],{"type":14,"tag":88,"props":253,"children":254},{"class":90,"line":91},[255,259,263],{"type":14,"tag":88,"props":256,"children":257},{"class":95},[258],{"type":20,"value":98},{"type":14,"tag":88,"props":260,"children":261},{"class":101},[262],{"type":20,"value":61},{"type":14,"tag":88,"props":264,"children":265},{"class":95},[266],{"type":20,"value":108},{"type":14,"tag":88,"props":268,"children":269},{"class":90,"line":111},[270,274,278,282,286,290,295],{"type":14,"tag":88,"props":271,"children":272},{"class":95},[273],{"type":20,"value":117},{"type":14,"tag":88,"props":275,"children":276},{"class":120},[277],{"type":20,"value":123},{"type":14,"tag":88,"props":279,"children":280},{"class":95},[281],{"type":20,"value":146},{"type":14,"tag":88,"props":283,"children":284},{"class":149},[285],{"type":20,"value":226},{"type":14,"tag":88,"props":287,"children":288},{"class":95},[289],{"type":20,"value":157},{"type":14,"tag":88,"props":291,"children":292},{"class":160},[293],{"type":20,"value":294},"\"light\"",{"type":14,"tag":88,"props":296,"children":297},{"class":95},[298],{"type":20,"value":108},{"type":14,"tag":88,"props":300,"children":301},{"class":90,"line":130},[302,306,310,314,318,322,326],{"type":14,"tag":88,"props":303,"children":304},{"class":95},[305],{"type":20,"value":136},{"type":14,"tag":88,"props":307,"children":308},{"class":120},[309],{"type":20,"value":141},{"type":14,"tag":88,"props":311,"children":312},{"class":95},[313],{"type":20,"value":146},{"type":14,"tag":88,"props":315,"children":316},{"class":149},[317],{"type":20,"value":152},{"type":14,"tag":88,"props":319,"children":320},{"class":95},[321],{"type":20,"value":157},{"type":14,"tag":88,"props":323,"children":324},{"class":160},[325],{"type":20,"value":163},{"type":14,"tag":88,"props":327,"children":328},{"class":95},[329],{"type":20,"value":168},{"type":14,"tag":88,"props":331,"children":332},{"class":90,"line":171},[333,337,341],{"type":14,"tag":88,"props":334,"children":335},{"class":95},[336],{"type":20,"value":177},{"type":14,"tag":88,"props":338,"children":339},{"class":120},[340],{"type":20,"value":123},{"type":14,"tag":88,"props":342,"children":343},{"class":95},[344],{"type":20,"value":108},{"type":14,"tag":88,"props":346,"children":347},{"class":90,"line":188},[348],{"type":14,"tag":88,"props":349,"children":350},{},[351],{"type":20,"value":352},"\n",{"type":14,"tag":88,"props":354,"children":356},{"class":90,"line":355},6,[357,361,365,369,373,377,382],{"type":14,"tag":88,"props":358,"children":359},{"class":95},[360],{"type":20,"value":117},{"type":14,"tag":88,"props":362,"children":363},{"class":120},[364],{"type":20,"value":123},{"type":14,"tag":88,"props":366,"children":367},{"class":95},[368],{"type":20,"value":146},{"type":14,"tag":88,"props":370,"children":371},{"class":149},[372],{"type":20,"value":226},{"type":14,"tag":88,"props":374,"children":375},{"class":95},[376],{"type":20,"value":157},{"type":14,"tag":88,"props":378,"children":379},{"class":160},[380],{"type":20,"value":381},"\"dark\"",{"type":14,"tag":88,"props":383,"children":384},{"class":95},[385],{"type":20,"value":108},{"type":14,"tag":88,"props":387,"children":389},{"class":90,"line":388},7,[390,394,398,402,406,410,414],{"type":14,"tag":88,"props":391,"children":392},{"class":95},[393],{"type":20,"value":136},{"type":14,"tag":88,"props":395,"children":396},{"class":120},[397],{"type":20,"value":141},{"type":14,"tag":88,"props":399,"children":400},{"class":95},[401],{"type":20,"value":146},{"type":14,"tag":88,"props":403,"children":404},{"class":149},[405],{"type":20,"value":152},{"type":14,"tag":88,"props":407,"children":408},{"class":95},[409],{"type":20,"value":157},{"type":14,"tag":88,"props":411,"children":412},{"class":160},[413],{"type":20,"value":163},{"type":14,"tag":88,"props":415,"children":416},{"class":95},[417],{"type":20,"value":168},{"type":14,"tag":88,"props":419,"children":421},{"class":90,"line":420},8,[422,426,430],{"type":14,"tag":88,"props":423,"children":424},{"class":95},[425],{"type":20,"value":177},{"type":14,"tag":88,"props":427,"children":428},{"class":120},[429],{"type":20,"value":123},{"type":14,"tag":88,"props":431,"children":432},{"class":95},[433],{"type":20,"value":108},{"type":14,"tag":88,"props":435,"children":437},{"class":90,"line":436},9,[438,442,446],{"type":14,"tag":88,"props":439,"children":440},{"class":95},[441],{"type":20,"value":194},{"type":14,"tag":88,"props":443,"children":444},{"class":101},[445],{"type":20,"value":61},{"type":14,"tag":88,"props":447,"children":448},{"class":95},[449],{"type":20,"value":203},{"type":14,"tag":29,"props":451,"children":452},{},[453,455,459,461,465],{"type":20,"value":454},"More importantly, you can change the color of an ",{"type":14,"tag":35,"props":456,"children":457},{},[458],{"type":20,"value":46},{"type":20,"value":460}," using the ",{"type":14,"tag":35,"props":462,"children":463},{},[464],{"type":20,"value":226},{"type":20,"value":55},{"type":14,"tag":57,"props":467,"children":468},{},[469,476],{"type":14,"tag":61,"props":470,"children":471},{"v-slot:preview":7},[472],{"type":14,"tag":65,"props":473,"children":475},{"src":474},"/components/IProgress/examples/bar-color-variants",[],{"type":14,"tag":61,"props":477,"children":478},{"v-slot:vue":7},[479],{"type":14,"tag":73,"props":480,"children":483},{"className":481,"code":482,"language":78,"meta":7},[76],"\u003Ctemplate>\n    \u003CIProgress>\n        \u003CIProgressBar color=\"primary\" :value=\"65\" />\n    \u003C/IProgress>\n\n    \u003CIProgress>\n        \u003CIProgressBar color=\"secondary\" :value=\"65\" />\n    \u003C/IProgress>\n\n    \u003CIProgress>\n        \u003CIProgressBar color=\"info\" :value=\"65\" />\n    \u003C/IProgress>\n\n    \u003CIProgress>\n        \u003CIProgressBar color=\"success\" :value=\"65\" />\n    \u003C/IProgress>\n\n    \u003CIProgress>\n        \u003CIProgressBar color=\"warning\" :value=\"65\" />\n    \u003C/IProgress>\n\n    \u003CIProgress>\n        \u003CIProgressBar color=\"danger\" :value=\"65\" />\n    \u003C/IProgress>\n\n    \u003CIProgress color=\"light\">\n        \u003CIProgressBar color=\"dark\" :value=\"65\" />\n    \u003C/IProgress>\n\n    \u003CIProgress color=\"dark\">\n        \u003CIProgressBar color=\"light\" :value=\"65\" />\n    \u003C/IProgress>\n\u003C/template>\n\n",[484],{"type":14,"tag":81,"props":485,"children":486},{},[487],{"type":14,"tag":73,"props":488,"children":489},{"__ignoreMap":7},[490,505,520,568,583,590,605,653,668,675,691,740,756,764,780,829,845,853,869,918,934,942,958,1007,1023,1031,1063,1111,1127,1135,1167,1215,1231],{"type":14,"tag":88,"props":491,"children":492},{"class":90,"line":91},[493,497,501],{"type":14,"tag":88,"props":494,"children":495},{"class":95},[496],{"type":20,"value":98},{"type":14,"tag":88,"props":498,"children":499},{"class":101},[500],{"type":20,"value":61},{"type":14,"tag":88,"props":502,"children":503},{"class":95},[504],{"type":20,"value":108},{"type":14,"tag":88,"props":506,"children":507},{"class":90,"line":111},[508,512,516],{"type":14,"tag":88,"props":509,"children":510},{"class":95},[511],{"type":20,"value":117},{"type":14,"tag":88,"props":513,"children":514},{"class":120},[515],{"type":20,"value":123},{"type":14,"tag":88,"props":517,"children":518},{"class":95},[519],{"type":20,"value":108},{"type":14,"tag":88,"props":521,"children":522},{"class":90,"line":130},[523,527,531,535,539,543,548,552,556,560,564],{"type":14,"tag":88,"props":524,"children":525},{"class":95},[526],{"type":20,"value":136},{"type":14,"tag":88,"props":528,"children":529},{"class":120},[530],{"type":20,"value":141},{"type":14,"tag":88,"props":532,"children":533},{"class":95},[534],{"type":20,"value":146},{"type":14,"tag":88,"props":536,"children":537},{"class":149},[538],{"type":20,"value":226},{"type":14,"tag":88,"props":540,"children":541},{"class":95},[542],{"type":20,"value":157},{"type":14,"tag":88,"props":544,"children":545},{"class":160},[546],{"type":20,"value":547},"\"primary\"",{"type":14,"tag":88,"props":549,"children":550},{"class":95},[551],{"type":20,"value":146},{"type":14,"tag":88,"props":553,"children":554},{"class":149},[555],{"type":20,"value":152},{"type":14,"tag":88,"props":557,"children":558},{"class":95},[559],{"type":20,"value":157},{"type":14,"tag":88,"props":561,"children":562},{"class":160},[563],{"type":20,"value":163},{"type":14,"tag":88,"props":565,"children":566},{"class":95},[567],{"type":20,"value":168},{"type":14,"tag":88,"props":569,"children":570},{"class":90,"line":171},[571,575,579],{"type":14,"tag":88,"props":572,"children":573},{"class":95},[574],{"type":20,"value":177},{"type":14,"tag":88,"props":576,"children":577},{"class":120},[578],{"type":20,"value":123},{"type":14,"tag":88,"props":580,"children":581},{"class":95},[582],{"type":20,"value":108},{"type":14,"tag":88,"props":584,"children":585},{"class":90,"line":188},[586],{"type":14,"tag":88,"props":587,"children":588},{},[589],{"type":20,"value":352},{"type":14,"tag":88,"props":591,"children":592},{"class":90,"line":355},[593,597,601],{"type":14,"tag":88,"props":594,"children":595},{"class":95},[596],{"type":20,"value":117},{"type":14,"tag":88,"props":598,"children":599},{"class":120},[600],{"type":20,"value":123},{"type":14,"tag":88,"props":602,"children":603},{"class":95},[604],{"type":20,"value":108},{"type":14,"tag":88,"props":606,"children":607},{"class":90,"line":388},[608,612,616,620,624,628,633,637,641,645,649],{"type":14,"tag":88,"props":609,"children":610},{"class":95},[611],{"type":20,"value":136},{"type":14,"tag":88,"props":613,"children":614},{"class":120},[615],{"type":20,"value":141},{"type":14,"tag":88,"props":617,"children":618},{"class":95},[619],{"type":20,"value":146},{"type":14,"tag":88,"props":621,"children":622},{"class":149},[623],{"type":20,"value":226},{"type":14,"tag":88,"props":625,"children":626},{"class":95},[627],{"type":20,"value":157},{"type":14,"tag":88,"props":629,"children":630},{"class":160},[631],{"type":20,"value":632},"\"secondary\"",{"type":14,"tag":88,"props":634,"children":635},{"class":95},[636],{"type":20,"value":146},{"type":14,"tag":88,"props":638,"children":639},{"class":149},[640],{"type":20,"value":152},{"type":14,"tag":88,"props":642,"children":643},{"class":95},[644],{"type":20,"value":157},{"type":14,"tag":88,"props":646,"children":647},{"class":160},[648],{"type":20,"value":163},{"type":14,"tag":88,"props":650,"children":651},{"class":95},[652],{"type":20,"value":168},{"type":14,"tag":88,"props":654,"children":655},{"class":90,"line":420},[656,660,664],{"type":14,"tag":88,"props":657,"children":658},{"class":95},[659],{"type":20,"value":177},{"type":14,"tag":88,"props":661,"children":662},{"class":120},[663],{"type":20,"value":123},{"type":14,"tag":88,"props":665,"children":666},{"class":95},[667],{"type":20,"value":108},{"type":14,"tag":88,"props":669,"children":670},{"class":90,"line":436},[671],{"type":14,"tag":88,"props":672,"children":673},{},[674],{"type":20,"value":352},{"type":14,"tag":88,"props":676,"children":678},{"class":90,"line":677},10,[679,683,687],{"type":14,"tag":88,"props":680,"children":681},{"class":95},[682],{"type":20,"value":117},{"type":14,"tag":88,"props":684,"children":685},{"class":120},[686],{"type":20,"value":123},{"type":14,"tag":88,"props":688,"children":689},{"class":95},[690],{"type":20,"value":108},{"type":14,"tag":88,"props":692,"children":694},{"class":90,"line":693},11,[695,699,703,707,711,715,720,724,728,732,736],{"type":14,"tag":88,"props":696,"children":697},{"class":95},[698],{"type":20,"value":136},{"type":14,"tag":88,"props":700,"children":701},{"class":120},[702],{"type":20,"value":141},{"type":14,"tag":88,"props":704,"children":705},{"class":95},[706],{"type":20,"value":146},{"type":14,"tag":88,"props":708,"children":709},{"class":149},[710],{"type":20,"value":226},{"type":14,"tag":88,"props":712,"children":713},{"class":95},[714],{"type":20,"value":157},{"type":14,"tag":88,"props":716,"children":717},{"class":160},[718],{"type":20,"value":719},"\"info\"",{"type":14,"tag":88,"props":721,"children":722},{"class":95},[723],{"type":20,"value":146},{"type":14,"tag":88,"props":725,"children":726},{"class":149},[727],{"type":20,"value":152},{"type":14,"tag":88,"props":729,"children":730},{"class":95},[731],{"type":20,"value":157},{"type":14,"tag":88,"props":733,"children":734},{"class":160},[735],{"type":20,"value":163},{"type":14,"tag":88,"props":737,"children":738},{"class":95},[739],{"type":20,"value":168},{"type":14,"tag":88,"props":741,"children":743},{"class":90,"line":742},12,[744,748,752],{"type":14,"tag":88,"props":745,"children":746},{"class":95},[747],{"type":20,"value":177},{"type":14,"tag":88,"props":749,"children":750},{"class":120},[751],{"type":20,"value":123},{"type":14,"tag":88,"props":753,"children":754},{"class":95},[755],{"type":20,"value":108},{"type":14,"tag":88,"props":757,"children":759},{"class":90,"line":758},13,[760],{"type":14,"tag":88,"props":761,"children":762},{},[763],{"type":20,"value":352},{"type":14,"tag":88,"props":765,"children":767},{"class":90,"line":766},14,[768,772,776],{"type":14,"tag":88,"props":769,"children":770},{"class":95},[771],{"type":20,"value":117},{"type":14,"tag":88,"props":773,"children":774},{"class":120},[775],{"type":20,"value":123},{"type":14,"tag":88,"props":777,"children":778},{"class":95},[779],{"type":20,"value":108},{"type":14,"tag":88,"props":781,"children":783},{"class":90,"line":782},15,[784,788,792,796,800,804,809,813,817,821,825],{"type":14,"tag":88,"props":785,"children":786},{"class":95},[787],{"type":20,"value":136},{"type":14,"tag":88,"props":789,"children":790},{"class":120},[791],{"type":20,"value":141},{"type":14,"tag":88,"props":793,"children":794},{"class":95},[795],{"type":20,"value":146},{"type":14,"tag":88,"props":797,"children":798},{"class":149},[799],{"type":20,"value":226},{"type":14,"tag":88,"props":801,"children":802},{"class":95},[803],{"type":20,"value":157},{"type":14,"tag":88,"props":805,"children":806},{"class":160},[807],{"type":20,"value":808},"\"success\"",{"type":14,"tag":88,"props":810,"children":811},{"class":95},[812],{"type":20,"value":146},{"type":14,"tag":88,"props":814,"children":815},{"class":149},[816],{"type":20,"value":152},{"type":14,"tag":88,"props":818,"children":819},{"class":95},[820],{"type":20,"value":157},{"type":14,"tag":88,"props":822,"children":823},{"class":160},[824],{"type":20,"value":163},{"type":14,"tag":88,"props":826,"children":827},{"class":95},[828],{"type":20,"value":168},{"type":14,"tag":88,"props":830,"children":832},{"class":90,"line":831},16,[833,837,841],{"type":14,"tag":88,"props":834,"children":835},{"class":95},[836],{"type":20,"value":177},{"type":14,"tag":88,"props":838,"children":839},{"class":120},[840],{"type":20,"value":123},{"type":14,"tag":88,"props":842,"children":843},{"class":95},[844],{"type":20,"value":108},{"type":14,"tag":88,"props":846,"children":848},{"class":90,"line":847},17,[849],{"type":14,"tag":88,"props":850,"children":851},{},[852],{"type":20,"value":352},{"type":14,"tag":88,"props":854,"children":856},{"class":90,"line":855},18,[857,861,865],{"type":14,"tag":88,"props":858,"children":859},{"class":95},[860],{"type":20,"value":117},{"type":14,"tag":88,"props":862,"children":863},{"class":120},[864],{"type":20,"value":123},{"type":14,"tag":88,"props":866,"children":867},{"class":95},[868],{"type":20,"value":108},{"type":14,"tag":88,"props":870,"children":872},{"class":90,"line":871},19,[873,877,881,885,889,893,898,902,906,910,914],{"type":14,"tag":88,"props":874,"children":875},{"class":95},[876],{"type":20,"value":136},{"type":14,"tag":88,"props":878,"children":879},{"class":120},[880],{"type":20,"value":141},{"type":14,"tag":88,"props":882,"children":883},{"class":95},[884],{"type":20,"value":146},{"type":14,"tag":88,"props":886,"children":887},{"class":149},[888],{"type":20,"value":226},{"type":14,"tag":88,"props":890,"children":891},{"class":95},[892],{"type":20,"value":157},{"type":14,"tag":88,"props":894,"children":895},{"class":160},[896],{"type":20,"value":897},"\"warning\"",{"type":14,"tag":88,"props":899,"children":900},{"class":95},[901],{"type":20,"value":146},{"type":14,"tag":88,"props":903,"children":904},{"class":149},[905],{"type":20,"value":152},{"type":14,"tag":88,"props":907,"children":908},{"class":95},[909],{"type":20,"value":157},{"type":14,"tag":88,"props":911,"children":912},{"class":160},[913],{"type":20,"value":163},{"type":14,"tag":88,"props":915,"children":916},{"class":95},[917],{"type":20,"value":168},{"type":14,"tag":88,"props":919,"children":921},{"class":90,"line":920},20,[922,926,930],{"type":14,"tag":88,"props":923,"children":924},{"class":95},[925],{"type":20,"value":177},{"type":14,"tag":88,"props":927,"children":928},{"class":120},[929],{"type":20,"value":123},{"type":14,"tag":88,"props":931,"children":932},{"class":95},[933],{"type":20,"value":108},{"type":14,"tag":88,"props":935,"children":937},{"class":90,"line":936},21,[938],{"type":14,"tag":88,"props":939,"children":940},{},[941],{"type":20,"value":352},{"type":14,"tag":88,"props":943,"children":945},{"class":90,"line":944},22,[946,950,954],{"type":14,"tag":88,"props":947,"children":948},{"class":95},[949],{"type":20,"value":117},{"type":14,"tag":88,"props":951,"children":952},{"class":120},[953],{"type":20,"value":123},{"type":14,"tag":88,"props":955,"children":956},{"class":95},[957],{"type":20,"value":108},{"type":14,"tag":88,"props":959,"children":961},{"class":90,"line":960},23,[962,966,970,974,978,982,987,991,995,999,1003],{"type":14,"tag":88,"props":963,"children":964},{"class":95},[965],{"type":20,"value":136},{"type":14,"tag":88,"props":967,"children":968},{"class":120},[969],{"type":20,"value":141},{"type":14,"tag":88,"props":971,"children":972},{"class":95},[973],{"type":20,"value":146},{"type":14,"tag":88,"props":975,"children":976},{"class":149},[977],{"type":20,"value":226},{"type":14,"tag":88,"props":979,"children":980},{"class":95},[981],{"type":20,"value":157},{"type":14,"tag":88,"props":983,"children":984},{"class":160},[985],{"type":20,"value":986},"\"danger\"",{"type":14,"tag":88,"props":988,"children":989},{"class":95},[990],{"type":20,"value":146},{"type":14,"tag":88,"props":992,"children":993},{"class":149},[994],{"type":20,"value":152},{"type":14,"tag":88,"props":996,"children":997},{"class":95},[998],{"type":20,"value":157},{"type":14,"tag":88,"props":1000,"children":1001},{"class":160},[1002],{"type":20,"value":163},{"type":14,"tag":88,"props":1004,"children":1005},{"class":95},[1006],{"type":20,"value":168},{"type":14,"tag":88,"props":1008,"children":1010},{"class":90,"line":1009},24,[1011,1015,1019],{"type":14,"tag":88,"props":1012,"children":1013},{"class":95},[1014],{"type":20,"value":177},{"type":14,"tag":88,"props":1016,"children":1017},{"class":120},[1018],{"type":20,"value":123},{"type":14,"tag":88,"props":1020,"children":1021},{"class":95},[1022],{"type":20,"value":108},{"type":14,"tag":88,"props":1024,"children":1026},{"class":90,"line":1025},25,[1027],{"type":14,"tag":88,"props":1028,"children":1029},{},[1030],{"type":20,"value":352},{"type":14,"tag":88,"props":1032,"children":1034},{"class":90,"line":1033},26,[1035,1039,1043,1047,1051,1055,1059],{"type":14,"tag":88,"props":1036,"children":1037},{"class":95},[1038],{"type":20,"value":117},{"type":14,"tag":88,"props":1040,"children":1041},{"class":120},[1042],{"type":20,"value":123},{"type":14,"tag":88,"props":1044,"children":1045},{"class":95},[1046],{"type":20,"value":146},{"type":14,"tag":88,"props":1048,"children":1049},{"class":149},[1050],{"type":20,"value":226},{"type":14,"tag":88,"props":1052,"children":1053},{"class":95},[1054],{"type":20,"value":157},{"type":14,"tag":88,"props":1056,"children":1057},{"class":160},[1058],{"type":20,"value":294},{"type":14,"tag":88,"props":1060,"children":1061},{"class":95},[1062],{"type":20,"value":108},{"type":14,"tag":88,"props":1064,"children":1066},{"class":90,"line":1065},27,[1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"type":14,"tag":88,"props":1068,"children":1069},{"class":95},[1070],{"type":20,"value":136},{"type":14,"tag":88,"props":1072,"children":1073},{"class":120},[1074],{"type":20,"value":141},{"type":14,"tag":88,"props":1076,"children":1077},{"class":95},[1078],{"type":20,"value":146},{"type":14,"tag":88,"props":1080,"children":1081},{"class":149},[1082],{"type":20,"value":226},{"type":14,"tag":88,"props":1084,"children":1085},{"class":95},[1086],{"type":20,"value":157},{"type":14,"tag":88,"props":1088,"children":1089},{"class":160},[1090],{"type":20,"value":381},{"type":14,"tag":88,"props":1092,"children":1093},{"class":95},[1094],{"type":20,"value":146},{"type":14,"tag":88,"props":1096,"children":1097},{"class":149},[1098],{"type":20,"value":152},{"type":14,"tag":88,"props":1100,"children":1101},{"class":95},[1102],{"type":20,"value":157},{"type":14,"tag":88,"props":1104,"children":1105},{"class":160},[1106],{"type":20,"value":163},{"type":14,"tag":88,"props":1108,"children":1109},{"class":95},[1110],{"type":20,"value":168},{"type":14,"tag":88,"props":1112,"children":1114},{"class":90,"line":1113},28,[1115,1119,1123],{"type":14,"tag":88,"props":1116,"children":1117},{"class":95},[1118],{"type":20,"value":177},{"type":14,"tag":88,"props":1120,"children":1121},{"class":120},[1122],{"type":20,"value":123},{"type":14,"tag":88,"props":1124,"children":1125},{"class":95},[1126],{"type":20,"value":108},{"type":14,"tag":88,"props":1128,"children":1130},{"class":90,"line":1129},29,[1131],{"type":14,"tag":88,"props":1132,"children":1133},{},[1134],{"type":20,"value":352},{"type":14,"tag":88,"props":1136,"children":1138},{"class":90,"line":1137},30,[1139,1143,1147,1151,1155,1159,1163],{"type":14,"tag":88,"props":1140,"children":1141},{"class":95},[1142],{"type":20,"value":117},{"type":14,"tag":88,"props":1144,"children":1145},{"class":120},[1146],{"type":20,"value":123},{"type":14,"tag":88,"props":1148,"children":1149},{"class":95},[1150],{"type":20,"value":146},{"type":14,"tag":88,"props":1152,"children":1153},{"class":149},[1154],{"type":20,"value":226},{"type":14,"tag":88,"props":1156,"children":1157},{"class":95},[1158],{"type":20,"value":157},{"type":14,"tag":88,"props":1160,"children":1161},{"class":160},[1162],{"type":20,"value":381},{"type":14,"tag":88,"props":1164,"children":1165},{"class":95},[1166],{"type":20,"value":108},{"type":14,"tag":88,"props":1168,"children":1170},{"class":90,"line":1169},31,[1171,1175,1179,1183,1187,1191,1195,1199,1203,1207,1211],{"type":14,"tag":88,"props":1172,"children":1173},{"class":95},[1174],{"type":20,"value":136},{"type":14,"tag":88,"props":1176,"children":1177},{"class":120},[1178],{"type":20,"value":141},{"type":14,"tag":88,"props":1180,"children":1181},{"class":95},[1182],{"type":20,"value":146},{"type":14,"tag":88,"props":1184,"children":1185},{"class":149},[1186],{"type":20,"value":226},{"type":14,"tag":88,"props":1188,"children":1189},{"class":95},[1190],{"type":20,"value":157},{"type":14,"tag":88,"props":1192,"children":1193},{"class":160},[1194],{"type":20,"value":294},{"type":14,"tag":88,"props":1196,"children":1197},{"class":95},[1198],{"type":20,"value":146},{"type":14,"tag":88,"props":1200,"children":1201},{"class":149},[1202],{"type":20,"value":152},{"type":14,"tag":88,"props":1204,"children":1205},{"class":95},[1206],{"type":20,"value":157},{"type":14,"tag":88,"props":1208,"children":1209},{"class":160},[1210],{"type":20,"value":163},{"type":14,"tag":88,"props":1212,"children":1213},{"class":95},[1214],{"type":20,"value":168},{"type":14,"tag":88,"props":1216,"children":1218},{"class":90,"line":1217},32,[1219,1223,1227],{"type":14,"tag":88,"props":1220,"children":1221},{"class":95},[1222],{"type":20,"value":177},{"type":14,"tag":88,"props":1224,"children":1225},{"class":120},[1226],{"type":20,"value":123},{"type":14,"tag":88,"props":1228,"children":1229},{"class":95},[1230],{"type":20,"value":108},{"type":14,"tag":88,"props":1232,"children":1234},{"class":90,"line":1233},33,[1235,1239,1243],{"type":14,"tag":88,"props":1236,"children":1237},{"class":95},[1238],{"type":20,"value":194},{"type":14,"tag":88,"props":1240,"children":1241},{"class":101},[1242],{"type":20,"value":61},{"type":14,"tag":88,"props":1244,"children":1245},{"class":95},[1246],{"type":20,"value":203},{"type":14,"tag":205,"props":1248,"children":1250},{"id":1249},"size-variants",[1251],{"type":20,"value":1252},"Size Variants",{"type":14,"tag":29,"props":1254,"children":1255},{},[1256,1258,1263,1265,1270,1272,1277,1279,1284,1286,1290],{"type":20,"value":1257},"You're able to use the ",{"type":14,"tag":35,"props":1259,"children":1260},{},[1261],{"type":20,"value":1262},"size",{"type":20,"value":1264}," modifier to control the size of your progress, using one of the available sizes: ",{"type":14,"tag":35,"props":1266,"children":1267},{},[1268],{"type":20,"value":1269},"sm",{"type":20,"value":1271},", ",{"type":14,"tag":35,"props":1273,"children":1274},{},[1275],{"type":20,"value":1276},"md",{"type":20,"value":1278},", and ",{"type":14,"tag":35,"props":1280,"children":1281},{},[1282],{"type":20,"value":1283},"lg",{"type":20,"value":1285},".\nThe default size is set to ",{"type":14,"tag":35,"props":1287,"children":1288},{},[1289],{"type":20,"value":1276},{"type":20,"value":1291},".",{"type":14,"tag":57,"props":1293,"children":1294},{},[1295,1302],{"type":14,"tag":61,"props":1296,"children":1297},{"v-slot:preview":7},[1298],{"type":14,"tag":65,"props":1299,"children":1301},{"src":1300},"/components/IProgress/examples/size-variants",[],{"type":14,"tag":61,"props":1303,"children":1304},{"v-slot:vue":7},[1305],{"type":14,"tag":73,"props":1306,"children":1309},{"className":1307,"code":1308,"language":78,"meta":7},[76],"\u003Ctemplate>\n    \u003CIProgress size=\"sm\">\n        \u003CIProgressBar :value=\"65\" />\n    \u003C/IProgress>\n\n    \u003CIProgress size=\"md\">\n        \u003CIProgressBar :value=\"65\" />\n    \u003C/IProgress>\n\n    \u003CIProgress size=\"lg\">\n        \u003CIProgressBar :value=\"65\" />\n    \u003C/IProgress>\n\u003C/template>\n\n",[1310],{"type":14,"tag":81,"props":1311,"children":1312},{},[1313],{"type":14,"tag":73,"props":1314,"children":1315},{"__ignoreMap":7},[1316,1331,1363,1394,1409,1416,1448,1479,1494,1501,1533,1564,1579],{"type":14,"tag":88,"props":1317,"children":1318},{"class":90,"line":91},[1319,1323,1327],{"type":14,"tag":88,"props":1320,"children":1321},{"class":95},[1322],{"type":20,"value":98},{"type":14,"tag":88,"props":1324,"children":1325},{"class":101},[1326],{"type":20,"value":61},{"type":14,"tag":88,"props":1328,"children":1329},{"class":95},[1330],{"type":20,"value":108},{"type":14,"tag":88,"props":1332,"children":1333},{"class":90,"line":111},[1334,1338,1342,1346,1350,1354,1359],{"type":14,"tag":88,"props":1335,"children":1336},{"class":95},[1337],{"type":20,"value":117},{"type":14,"tag":88,"props":1339,"children":1340},{"class":120},[1341],{"type":20,"value":123},{"type":14,"tag":88,"props":1343,"children":1344},{"class":95},[1345],{"type":20,"value":146},{"type":14,"tag":88,"props":1347,"children":1348},{"class":149},[1349],{"type":20,"value":1262},{"type":14,"tag":88,"props":1351,"children":1352},{"class":95},[1353],{"type":20,"value":157},{"type":14,"tag":88,"props":1355,"children":1356},{"class":160},[1357],{"type":20,"value":1358},"\"sm\"",{"type":14,"tag":88,"props":1360,"children":1361},{"class":95},[1362],{"type":20,"value":108},{"type":14,"tag":88,"props":1364,"children":1365},{"class":90,"line":130},[1366,1370,1374,1378,1382,1386,1390],{"type":14,"tag":88,"props":1367,"children":1368},{"class":95},[1369],{"type":20,"value":136},{"type":14,"tag":88,"props":1371,"children":1372},{"class":120},[1373],{"type":20,"value":141},{"type":14,"tag":88,"props":1375,"children":1376},{"class":95},[1377],{"type":20,"value":146},{"type":14,"tag":88,"props":1379,"children":1380},{"class":149},[1381],{"type":20,"value":152},{"type":14,"tag":88,"props":1383,"children":1384},{"class":95},[1385],{"type":20,"value":157},{"type":14,"tag":88,"props":1387,"children":1388},{"class":160},[1389],{"type":20,"value":163},{"type":14,"tag":88,"props":1391,"children":1392},{"class":95},[1393],{"type":20,"value":168},{"type":14,"tag":88,"props":1395,"children":1396},{"class":90,"line":171},[1397,1401,1405],{"type":14,"tag":88,"props":1398,"children":1399},{"class":95},[1400],{"type":20,"value":177},{"type":14,"tag":88,"props":1402,"children":1403},{"class":120},[1404],{"type":20,"value":123},{"type":14,"tag":88,"props":1406,"children":1407},{"class":95},[1408],{"type":20,"value":108},{"type":14,"tag":88,"props":1410,"children":1411},{"class":90,"line":188},[1412],{"type":14,"tag":88,"props":1413,"children":1414},{},[1415],{"type":20,"value":352},{"type":14,"tag":88,"props":1417,"children":1418},{"class":90,"line":355},[1419,1423,1427,1431,1435,1439,1444],{"type":14,"tag":88,"props":1420,"children":1421},{"class":95},[1422],{"type":20,"value":117},{"type":14,"tag":88,"props":1424,"children":1425},{"class":120},[1426],{"type":20,"value":123},{"type":14,"tag":88,"props":1428,"children":1429},{"class":95},[1430],{"type":20,"value":146},{"type":14,"tag":88,"props":1432,"children":1433},{"class":149},[1434],{"type":20,"value":1262},{"type":14,"tag":88,"props":1436,"children":1437},{"class":95},[1438],{"type":20,"value":157},{"type":14,"tag":88,"props":1440,"children":1441},{"class":160},[1442],{"type":20,"value":1443},"\"md\"",{"type":14,"tag":88,"props":1445,"children":1446},{"class":95},[1447],{"type":20,"value":108},{"type":14,"tag":88,"props":1449,"children":1450},{"class":90,"line":388},[1451,1455,1459,1463,1467,1471,1475],{"type":14,"tag":88,"props":1452,"children":1453},{"class":95},[1454],{"type":20,"value":136},{"type":14,"tag":88,"props":1456,"children":1457},{"class":120},[1458],{"type":20,"value":141},{"type":14,"tag":88,"props":1460,"children":1461},{"class":95},[1462],{"type":20,"value":146},{"type":14,"tag":88,"props":1464,"children":1465},{"class":149},[1466],{"type":20,"value":152},{"type":14,"tag":88,"props":1468,"children":1469},{"class":95},[1470],{"type":20,"value":157},{"type":14,"tag":88,"props":1472,"children":1473},{"class":160},[1474],{"type":20,"value":163},{"type":14,"tag":88,"props":1476,"children":1477},{"class":95},[1478],{"type":20,"value":168},{"type":14,"tag":88,"props":1480,"children":1481},{"class":90,"line":420},[1482,1486,1490],{"type":14,"tag":88,"props":1483,"children":1484},{"class":95},[1485],{"type":20,"value":177},{"type":14,"tag":88,"props":1487,"children":1488},{"class":120},[1489],{"type":20,"value":123},{"type":14,"tag":88,"props":1491,"children":1492},{"class":95},[1493],{"type":20,"value":108},{"type":14,"tag":88,"props":1495,"children":1496},{"class":90,"line":436},[1497],{"type":14,"tag":88,"props":1498,"children":1499},{},[1500],{"type":20,"value":352},{"type":14,"tag":88,"props":1502,"children":1503},{"class":90,"line":677},[1504,1508,1512,1516,1520,1524,1529],{"type":14,"tag":88,"props":1505,"children":1506},{"class":95},[1507],{"type":20,"value":117},{"type":14,"tag":88,"props":1509,"children":1510},{"class":120},[1511],{"type":20,"value":123},{"type":14,"tag":88,"props":1513,"children":1514},{"class":95},[1515],{"type":20,"value":146},{"type":14,"tag":88,"props":1517,"children":1518},{"class":149},[1519],{"type":20,"value":1262},{"type":14,"tag":88,"props":1521,"children":1522},{"class":95},[1523],{"type":20,"value":157},{"type":14,"tag":88,"props":1525,"children":1526},{"class":160},[1527],{"type":20,"value":1528},"\"lg\"",{"type":14,"tag":88,"props":1530,"children":1531},{"class":95},[1532],{"type":20,"value":108},{"type":14,"tag":88,"props":1534,"children":1535},{"class":90,"line":693},[1536,1540,1544,1548,1552,1556,1560],{"type":14,"tag":88,"props":1537,"children":1538},{"class":95},[1539],{"type":20,"value":136},{"type":14,"tag":88,"props":1541,"children":1542},{"class":120},[1543],{"type":20,"value":141},{"type":14,"tag":88,"props":1545,"children":1546},{"class":95},[1547],{"type":20,"value":146},{"type":14,"tag":88,"props":1549,"children":1550},{"class":149},[1551],{"type":20,"value":152},{"type":14,"tag":88,"props":1553,"children":1554},{"class":95},[1555],{"type":20,"value":157},{"type":14,"tag":88,"props":1557,"children":1558},{"class":160},[1559],{"type":20,"value":163},{"type":14,"tag":88,"props":1561,"children":1562},{"class":95},[1563],{"type":20,"value":168},{"type":14,"tag":88,"props":1565,"children":1566},{"class":90,"line":742},[1567,1571,1575],{"type":14,"tag":88,"props":1568,"children":1569},{"class":95},[1570],{"type":20,"value":177},{"type":14,"tag":88,"props":1572,"children":1573},{"class":120},[1574],{"type":20,"value":123},{"type":14,"tag":88,"props":1576,"children":1577},{"class":95},[1578],{"type":20,"value":108},{"type":14,"tag":88,"props":1580,"children":1581},{"class":90,"line":758},[1582,1586,1590],{"type":14,"tag":88,"props":1583,"children":1584},{"class":95},[1585],{"type":20,"value":194},{"type":14,"tag":88,"props":1587,"children":1588},{"class":101},[1589],{"type":20,"value":61},{"type":14,"tag":88,"props":1591,"children":1592},{"class":95},[1593],{"type":20,"value":203},{"type":14,"tag":205,"props":1595,"children":1596},{"id":53},[1597],{"type":20,"value":1598},"Value",{"type":14,"tag":29,"props":1600,"children":1601},{},[1602,1604,1609,1611,1616,1618,1622,1624,1629,1631,1635,1636,1641],{"type":20,"value":1603},"Inkline allows you to set a ",{"type":14,"tag":35,"props":1605,"children":1606},{},[1607],{"type":20,"value":1608},"min",{"type":20,"value":1610}," and ",{"type":14,"tag":35,"props":1612,"children":1613},{},[1614],{"type":20,"value":1615},"max",{"type":20,"value":1617}," modifier to calculate the progress based on a meaningful value. The new ",{"type":14,"tag":35,"props":1619,"children":1620},{},[1621],{"type":20,"value":1608},{"type":20,"value":1623}," will represent ",{"type":14,"tag":35,"props":1625,"children":1626},{},[1627],{"type":20,"value":1628},"0%",{"type":20,"value":1630}," and the ",{"type":14,"tag":35,"props":1632,"children":1633},{},[1634],{"type":20,"value":1615},{"type":20,"value":1623},{"type":14,"tag":35,"props":1637,"children":1638},{},[1639],{"type":20,"value":1640},"100%",{"type":20,"value":1291},{"type":14,"tag":57,"props":1643,"children":1644},{},[1645,1652],{"type":14,"tag":61,"props":1646,"children":1647},{"v-slot:preview":7},[1648],{"type":14,"tag":65,"props":1649,"children":1651},{"src":1650},"/components/IProgress/examples/value",[],{"type":14,"tag":61,"props":1653,"children":1654},{"v-slot:vue":7},[1655],{"type":14,"tag":73,"props":1656,"children":1659},{"className":1657,"code":1658,"language":78,"meta":7},[76],"\u003Ctemplate>\n    \u003CIProgress :min=\"100\" :max=\"200\">\n        \u003CIProgressBar :value=\"150\" />\n    \u003C/IProgress>\n\u003C/template>\n\n",[1660],{"type":14,"tag":81,"props":1661,"children":1662},{},[1663],{"type":14,"tag":73,"props":1664,"children":1665},{"__ignoreMap":7},[1666,1681,1732,1764,1779],{"type":14,"tag":88,"props":1667,"children":1668},{"class":90,"line":91},[1669,1673,1677],{"type":14,"tag":88,"props":1670,"children":1671},{"class":95},[1672],{"type":20,"value":98},{"type":14,"tag":88,"props":1674,"children":1675},{"class":101},[1676],{"type":20,"value":61},{"type":14,"tag":88,"props":1678,"children":1679},{"class":95},[1680],{"type":20,"value":108},{"type":14,"tag":88,"props":1682,"children":1683},{"class":90,"line":111},[1684,1688,1692,1696,1701,1705,1710,1714,1719,1723,1728],{"type":14,"tag":88,"props":1685,"children":1686},{"class":95},[1687],{"type":20,"value":117},{"type":14,"tag":88,"props":1689,"children":1690},{"class":120},[1691],{"type":20,"value":123},{"type":14,"tag":88,"props":1693,"children":1694},{"class":95},[1695],{"type":20,"value":146},{"type":14,"tag":88,"props":1697,"children":1698},{"class":149},[1699],{"type":20,"value":1700},":min",{"type":14,"tag":88,"props":1702,"children":1703},{"class":95},[1704],{"type":20,"value":157},{"type":14,"tag":88,"props":1706,"children":1707},{"class":160},[1708],{"type":20,"value":1709},"\"100\"",{"type":14,"tag":88,"props":1711,"children":1712},{"class":95},[1713],{"type":20,"value":146},{"type":14,"tag":88,"props":1715,"children":1716},{"class":149},[1717],{"type":20,"value":1718},":max",{"type":14,"tag":88,"props":1720,"children":1721},{"class":95},[1722],{"type":20,"value":157},{"type":14,"tag":88,"props":1724,"children":1725},{"class":160},[1726],{"type":20,"value":1727},"\"200\"",{"type":14,"tag":88,"props":1729,"children":1730},{"class":95},[1731],{"type":20,"value":108},{"type":14,"tag":88,"props":1733,"children":1734},{"class":90,"line":130},[1735,1739,1743,1747,1751,1755,1760],{"type":14,"tag":88,"props":1736,"children":1737},{"class":95},[1738],{"type":20,"value":136},{"type":14,"tag":88,"props":1740,"children":1741},{"class":120},[1742],{"type":20,"value":141},{"type":14,"tag":88,"props":1744,"children":1745},{"class":95},[1746],{"type":20,"value":146},{"type":14,"tag":88,"props":1748,"children":1749},{"class":149},[1750],{"type":20,"value":152},{"type":14,"tag":88,"props":1752,"children":1753},{"class":95},[1754],{"type":20,"value":157},{"type":14,"tag":88,"props":1756,"children":1757},{"class":160},[1758],{"type":20,"value":1759},"\"150\"",{"type":14,"tag":88,"props":1761,"children":1762},{"class":95},[1763],{"type":20,"value":168},{"type":14,"tag":88,"props":1765,"children":1766},{"class":90,"line":171},[1767,1771,1775],{"type":14,"tag":88,"props":1768,"children":1769},{"class":95},[1770],{"type":20,"value":177},{"type":14,"tag":88,"props":1772,"children":1773},{"class":120},[1774],{"type":20,"value":123},{"type":14,"tag":88,"props":1776,"children":1777},{"class":95},[1778],{"type":20,"value":108},{"type":14,"tag":88,"props":1780,"children":1781},{"class":90,"line":188},[1782,1786,1790],{"type":14,"tag":88,"props":1783,"children":1784},{"class":95},[1785],{"type":20,"value":194},{"type":14,"tag":88,"props":1787,"children":1788},{"class":101},[1789],{"type":20,"value":61},{"type":14,"tag":88,"props":1791,"children":1792},{"class":95},[1793],{"type":20,"value":203},{"type":14,"tag":205,"props":1795,"children":1797},{"id":1796},"stacked-bars",[1798],{"type":20,"value":1799},"Stacked Bars",{"type":14,"tag":29,"props":1801,"children":1802},{},[1803,1805,1809,1811,1815,1817,1821],{"type":20,"value":1804},"You can add multiple ",{"type":14,"tag":35,"props":1806,"children":1807},{},[1808],{"type":20,"value":46},{"type":20,"value":1810}," inside the ",{"type":14,"tag":35,"props":1812,"children":1813},{},[1814],{"type":20,"value":39},{"type":20,"value":1816}," component to stack them, adding them up to ",{"type":14,"tag":35,"props":1818,"children":1819},{},[1820],{"type":20,"value":1640},{"type":20,"value":1291},{"type":14,"tag":57,"props":1823,"children":1824},{},[1825,1832],{"type":14,"tag":61,"props":1826,"children":1827},{"v-slot:preview":7},[1828],{"type":14,"tag":65,"props":1829,"children":1831},{"src":1830},"/components/IProgress/examples/stacked",[],{"type":14,"tag":61,"props":1833,"children":1834},{"v-slot:vue":7},[1835],{"type":14,"tag":73,"props":1836,"children":1839},{"className":1837,"code":1838,"language":78,"meta":7},[76],"\u003Ctemplate>\n    \u003CIProgress>\n        \u003CIProgressBar color=\"success\" value=\"40\" />\n        \u003CIProgressBar color=\"warning\" value=\"20\" />\n        \u003CIProgressBar color=\"danger\" value=\"10\" />\n    \u003C/IProgress>\n\u003C/template>\n\n",[1840],{"type":14,"tag":81,"props":1841,"children":1842},{},[1843],{"type":14,"tag":73,"props":1844,"children":1845},{"__ignoreMap":7},[1846,1861,1876,1924,1972,2020,2035],{"type":14,"tag":88,"props":1847,"children":1848},{"class":90,"line":91},[1849,1853,1857],{"type":14,"tag":88,"props":1850,"children":1851},{"class":95},[1852],{"type":20,"value":98},{"type":14,"tag":88,"props":1854,"children":1855},{"class":101},[1856],{"type":20,"value":61},{"type":14,"tag":88,"props":1858,"children":1859},{"class":95},[1860],{"type":20,"value":108},{"type":14,"tag":88,"props":1862,"children":1863},{"class":90,"line":111},[1864,1868,1872],{"type":14,"tag":88,"props":1865,"children":1866},{"class":95},[1867],{"type":20,"value":117},{"type":14,"tag":88,"props":1869,"children":1870},{"class":120},[1871],{"type":20,"value":123},{"type":14,"tag":88,"props":1873,"children":1874},{"class":95},[1875],{"type":20,"value":108},{"type":14,"tag":88,"props":1877,"children":1878},{"class":90,"line":130},[1879,1883,1887,1891,1895,1899,1903,1907,1911,1915,1920],{"type":14,"tag":88,"props":1880,"children":1881},{"class":95},[1882],{"type":20,"value":136},{"type":14,"tag":88,"props":1884,"children":1885},{"class":120},[1886],{"type":20,"value":141},{"type":14,"tag":88,"props":1888,"children":1889},{"class":95},[1890],{"type":20,"value":146},{"type":14,"tag":88,"props":1892,"children":1893},{"class":149},[1894],{"type":20,"value":226},{"type":14,"tag":88,"props":1896,"children":1897},{"class":95},[1898],{"type":20,"value":157},{"type":14,"tag":88,"props":1900,"children":1901},{"class":160},[1902],{"type":20,"value":808},{"type":14,"tag":88,"props":1904,"children":1905},{"class":95},[1906],{"type":20,"value":146},{"type":14,"tag":88,"props":1908,"children":1909},{"class":149},[1910],{"type":20,"value":53},{"type":14,"tag":88,"props":1912,"children":1913},{"class":95},[1914],{"type":20,"value":157},{"type":14,"tag":88,"props":1916,"children":1917},{"class":160},[1918],{"type":20,"value":1919},"\"40\"",{"type":14,"tag":88,"props":1921,"children":1922},{"class":95},[1923],{"type":20,"value":168},{"type":14,"tag":88,"props":1925,"children":1926},{"class":90,"line":171},[1927,1931,1935,1939,1943,1947,1951,1955,1959,1963,1968],{"type":14,"tag":88,"props":1928,"children":1929},{"class":95},[1930],{"type":20,"value":136},{"type":14,"tag":88,"props":1932,"children":1933},{"class":120},[1934],{"type":20,"value":141},{"type":14,"tag":88,"props":1936,"children":1937},{"class":95},[1938],{"type":20,"value":146},{"type":14,"tag":88,"props":1940,"children":1941},{"class":149},[1942],{"type":20,"value":226},{"type":14,"tag":88,"props":1944,"children":1945},{"class":95},[1946],{"type":20,"value":157},{"type":14,"tag":88,"props":1948,"children":1949},{"class":160},[1950],{"type":20,"value":897},{"type":14,"tag":88,"props":1952,"children":1953},{"class":95},[1954],{"type":20,"value":146},{"type":14,"tag":88,"props":1956,"children":1957},{"class":149},[1958],{"type":20,"value":53},{"type":14,"tag":88,"props":1960,"children":1961},{"class":95},[1962],{"type":20,"value":157},{"type":14,"tag":88,"props":1964,"children":1965},{"class":160},[1966],{"type":20,"value":1967},"\"20\"",{"type":14,"tag":88,"props":1969,"children":1970},{"class":95},[1971],{"type":20,"value":168},{"type":14,"tag":88,"props":1973,"children":1974},{"class":90,"line":188},[1975,1979,1983,1987,1991,1995,1999,2003,2007,2011,2016],{"type":14,"tag":88,"props":1976,"children":1977},{"class":95},[1978],{"type":20,"value":136},{"type":14,"tag":88,"props":1980,"children":1981},{"class":120},[1982],{"type":20,"value":141},{"type":14,"tag":88,"props":1984,"children":1985},{"class":95},[1986],{"type":20,"value":146},{"type":14,"tag":88,"props":1988,"children":1989},{"class":149},[1990],{"type":20,"value":226},{"type":14,"tag":88,"props":1992,"children":1993},{"class":95},[1994],{"type":20,"value":157},{"type":14,"tag":88,"props":1996,"children":1997},{"class":160},[1998],{"type":20,"value":986},{"type":14,"tag":88,"props":2000,"children":2001},{"class":95},[2002],{"type":20,"value":146},{"type":14,"tag":88,"props":2004,"children":2005},{"class":149},[2006],{"type":20,"value":53},{"type":14,"tag":88,"props":2008,"children":2009},{"class":95},[2010],{"type":20,"value":157},{"type":14,"tag":88,"props":2012,"children":2013},{"class":160},[2014],{"type":20,"value":2015},"\"10\"",{"type":14,"tag":88,"props":2017,"children":2018},{"class":95},[2019],{"type":20,"value":168},{"type":14,"tag":88,"props":2021,"children":2022},{"class":90,"line":355},[2023,2027,2031],{"type":14,"tag":88,"props":2024,"children":2025},{"class":95},[2026],{"type":20,"value":177},{"type":14,"tag":88,"props":2028,"children":2029},{"class":120},[2030],{"type":20,"value":123},{"type":14,"tag":88,"props":2032,"children":2033},{"class":95},[2034],{"type":20,"value":108},{"type":14,"tag":88,"props":2036,"children":2037},{"class":90,"line":388},[2038,2042,2046],{"type":14,"tag":88,"props":2039,"children":2040},{"class":95},[2041],{"type":20,"value":194},{"type":14,"tag":88,"props":2043,"children":2044},{"class":101},[2045],{"type":20,"value":61},{"type":14,"tag":88,"props":2047,"children":2048},{"class":95},[2049],{"type":20,"value":203},{"type":14,"tag":205,"props":2051,"children":2053},{"id":2052},"props",[2054],{"type":20,"value":2055},"Props",{"type":14,"tag":2057,"props":2058,"children":2060},"h5",{"id":2059},"iprogress",[2061],{"type":20,"value":123},{"type":14,"tag":2063,"props":2064,"children":2065},"content-component-props",{"component":123},[],{"type":14,"tag":2057,"props":2067,"children":2069},{"id":2068},"iprogressbar",[2070],{"type":20,"value":141},{"type":14,"tag":2063,"props":2072,"children":2073},{"component":141},[],{"type":14,"tag":205,"props":2075,"children":2077},{"id":2076},"slots",[2078],{"type":20,"value":2079},"Slots",{"type":14,"tag":2057,"props":2081,"children":2083},{"id":2082},"iprogress-1",[2084],{"type":20,"value":123},{"type":14,"tag":2086,"props":2087,"children":2088},"content-component-slots",{"component":123},[],{"type":14,"tag":2057,"props":2090,"children":2092},{"id":2091},"iprogressbar-1",[2093],{"type":20,"value":141},{"type":14,"tag":2086,"props":2095,"children":2096},{"component":141},[],{"type":14,"tag":205,"props":2098,"children":2100},{"id":2099},"design-tokens",[2101],{"type":20,"value":2102},"Design Tokens",{"type":14,"tag":2057,"props":2104,"children":2106},{"id":2105},"iprogress-2",[2107],{"type":20,"value":123},{"type":14,"tag":2109,"props":2110,"children":2111},"content-component-design-tokens",{"component":123},[],{"type":14,"tag":2057,"props":2113,"children":2115},{"id":2114},"iprogressbar-2",[2116],{"type":20,"value":141},{"type":14,"tag":2109,"props":2118,"children":2119},{"component":141},[],{"type":14,"tag":2121,"children":2122},"style",[2123],{"type":20,"value":2124},".ct-553616{color:#24292E;}\n.dark-theme .ct-553616{color:#E1E4E8;}\n.ct-914029{color:#22863A;}\n.dark-theme .ct-914029{color:#85E89D;}\n.ct-028869{color:#B31D28;font-style:italic;}\n.dark-theme .ct-028869{color:#FDAEB7;font-style:italic;}\n.ct-762058{color:#6F42C1;}\n.dark-theme .ct-762058{color:#B392F0;}\n.ct-952708{color:#032F62;}\n.dark-theme .ct-952708{color:#9ECBFF;}",{"title":7,"searchDepth":111,"depth":111,"links":2126},[2127],{"id":25,"depth":111,"text":9,"children":2128},[2129,2130,2131,2132,2133,2134,2135],{"id":207,"depth":130,"text":210},{"id":1249,"depth":130,"text":1252},{"id":53,"depth":130,"text":1598},{"id":1796,"depth":130,"text":1799},{"id":2052,"depth":130,"text":2055},{"id":2076,"depth":130,"text":2079},{"id":2099,"depth":130,"text":2102},"markdown","content:docs:components:progress.md","content","docs/components/progress.md",1794582259406]