ion-progress-bar: Ap0�Progress Bar for Loading Indicator�_title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale�"><meta data-rh="true" property="og:url" content="https:�]ionicframework.com/doctzja/api/progress-bar"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="og:image" content="https:�]ionicframework.com/doctzim�umeta/open-graph.png"><meta data-rh="true" name="twitter:image" content="https:�]ionicframework.com/doctzim�umeta/open-graph.png"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:domain" content="ionicframework.com"><meta data-rh="true" name="twitter:site" content="@ionicframework"><meta data-rh="true" name="twitter:creator" content="ionicframework"><meta data-rh="true" name="fb:page_id" content="�0�0�0�0�06767955949"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="og:site_name" content="Ionic Framework Docs"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="ion-progress-bar =�Ionic Framework"><meta data-rh="true" property="og:description" content="ion-progress-bar: App Progress Bar for Loading Indicator"><meta data-rh="true" name="description" content="ion-progress-barは、水平方向の読み込みインジケーターで、フォームの送信や更新の保存など、進行中のアプリ処理のステータスをユーザーに知らせます。"><link data-rh="true" rel="icon" href= Ydocs/j�tim�umeta/favicon-96x96.png"><link data-rh="true" rel="canonical" href="httpsa_/ionicframework.co�wdocs/j�tap}vprogress-bar"><link data-rh="true" rel="alternate" href="httpsa_/ionicframework.co�wdocs/api/progress-bar" hreflang="en"><link data-rh="true" rel="alternate" href="https:�]ionicframework.com/doctzja/api/progress-bar" hreflang="ja"><link data-rh="true" rel="alternate" href="https:�]ionicframework.com/doctzap}vprogress-bar" hreflang="x-default"><link data-rh="true" rel="preconnect" href="httpsa_/O9QSL985BS-dsn.algolia.net" crossorigin="anonymous"><link rel="preconnect" href="https:�]www.googletagmanager.com"> <script>window.dataLayer=window.dataLayer||[]�_script> <script>!function(e,t,a,n){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var g=t.getElementsByTagName(a)[0],m=t.createElement(a);m.async=!0,m.src="https:�]www.googletagmanager.com/gtm.js?id=GTM-TKMGCBC",g.parentNode.insertBefore(m,g)}(window,document,"script"+"+"dataLayer")</script> <link rel="search" type="application/opensearchdescription+xml" title="Ionic Framework" href="/doctzja/opensearch.xml"><link rel="stylesheet" href="/doctzja/assettzcstzstyles.77dcdAS2.css"> <scrip4�src= Ydocs/j�tassets/jtzruntime~main.08dbab6d.js" defer="defer">�_script> <scrip4�src= Ydocs/j�tassets/jtzmain.c8cd035c.js" defer="defer">�_script> �_head> <bod9�class="navigation-with-keyboard"> <noscript><iframe src="httpsa_/www.googletagmanager.co�wns.html?id=GTM-TKMGCBC" height="."."." width="."."." style="display:none;visibility:hidden">�_iframe></noscript> <script�function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(nulL�==e?e:"light")}(),function(){try{const a=new URLSearchParams(window.location.search).entries();for(var[t,e]of a)if(t.startsWith("docusaurus-data+"+"+")){var n=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(n,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}returD�1}())</script><div id="__docusaurus"><di6�role="region" aria-label="メインコンテンツまでスキップ"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">メインコンテンツまでスキップ�_a>�_div><div class="announcementBar_mb4j" role="banner"><div class="content_knG7 announcementBarContent_xLdY"><a href="httpsa_/www.outsystems.co�w?utm_source=ionic&utm_medium=referral&utm_campaign=ionic-referral&utm_term=none&utm_content=other&utm_campaignteam=digital-mktg&utm_partner=none" target="_blank" rel="noopener"><span>An <strong>OutSystems�_strong �Compan9�→</span>�_a>�_div>�_div><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_CIJY"><div class="docsWrapper_hBAB"><button aria-label="先頭へ戻る" class="clean-btn theme-back-ta-top-button backToTopButton_sjWU" type="button"></button><div class="docRoot_UBD9"><aside class="theme-doc-sidebar-container docSidebarContainer_YfHR"><div class="sidebarViewport_aRkj"><a target="_self" href="/doctzja."."><img src= Ydocs/j�tlogotzionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height=(� N)�8" width="�0�09"><img src= Ydocs/j�tlogotzionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height=(� N)�8" width="�0�09"></a><di6�class="sidebar_njmd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" target="_self" href= Ydocs/j�t"><img src="/doctzja/logos/ionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height="28" width="139"><img src="/doctzja/logos/ionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height="28" width="139">�_a><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_SIk?�?�menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-men5�menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/components">Getting Started�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tcomponents">UIコンポーネント</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/accordion">Accordion</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/accordion">ion-accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vaccordion-group">ion-accordion-group�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vaction-sheet">Action Sheet�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vaction-sheet">ion-action-sheet�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}valert">Alert�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}valert">ion-alert�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vbadge">Badge�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vbadge">ion-badge�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vbreadcrumb">Breadcrumbs</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/breadcrumb">ion-breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vbreadcrumbs">ion-breadcrumbs�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vbutton">Button�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vbutton">ion-button�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/ripple-effect">ion-ripple-effect</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/card">Card</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/card">ion-card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcard-content">ion-card-content�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/card-header">ion-card-header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcard-subtitle">ion-card-subtitle�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/card-title">ion-card-title</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/checkbox">Checkbox</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/checkbox">ion-checkbox</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/chip">Chip</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/chip">ion-chip</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/app">Content</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/app">ion-app</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcontent">ion-content�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vdatetime">Date & Time Pickers</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/datetime">ion-datetime</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vdatetime-button">ion-datetime-button�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/picker">ion-picker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vpicker-column">ion-picker-column�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/picker-column-option">ion-picker-column-option</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vpicker-legacy">ion-picker-legacy�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vfab">Floating Action Button</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/fab">ion-fab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vfab-button">ion-fab-button�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/fab-list">ion-fab-list</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/grid">Grid</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/grid">ion-grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcol">ion-col�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/row">ion-row</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/icon">Icons�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vicon">ion-icon�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vinfinite-scroll">Infinite Scroll�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vinfinite-scroll">ion-infinite-scroll�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/infinite-scroll-content">ion-infinite-scroll-content</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/input">Inputs�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vinput">ion-input�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/input-password-toggle">ion-input-password-toggle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vinput-otp">ion-input-otp�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/textarea">ion-textarea</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/item">Item</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/item">ion-item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vitem-divider">ion-item-divider�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/item-group">ion-item-group</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vitem-sliding">ion-item-sliding�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/item-options">ion-item-options</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vitem-option">ion-item-option�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/label">ion-label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vnote">ion-note�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vlist">List�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vlist">ion-list�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/list-header">ion-list-header</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/avatar">Media�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vavatar">ion-avatar�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/icon">ion-icon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vimg">ion-img�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/thumbnail">ion-thumbnail</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/menu">Menu</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/menu">ion-menu</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vmenu-button">ion-menu-button�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/menu-toggle">ion-menu-toggle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vsplit-pane">ion-split-pane�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vmodal">Modal�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vmodal">ion-modal�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/backdrop">ion-backdrop</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/nav">Navigation�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vnav">ion-nav�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/nav-link">ion-nav-link</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/popover">Popover</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/popover">ion-popover</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-care4�menu__link--active" role="button" aria-expanded="true" href= Ydocs/j�tap}vloading">Progress Indicators�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vloading">ion-loading�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="."."." href= Ydocs/j�tap}vprogress-bar">ion-progress-bar�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/skeleton-text">ion-skeleton-text</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vspinner">ion-spinner�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vradio">Radio�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vradio">ion-radio�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/radio-group">ion-radia-group</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/range">Range</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/range">ion-range</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/refresher">Refresher</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/refresher">ion-refresher</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrefresher-content">ion-refresher-content�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vreorder">Reorder�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vreorder">ion-reorder�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/reorder-group">ion-reorder-group</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/router">Routing�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrouter">ion-router�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/router-link">ion-router-link</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrouter-outlet">ion-router-outlet�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/route">ion-route</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vroute-redirect">ion-route-redirect�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vsearchbar">Searchbar�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vsearchbar">ion-searchbar�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vsegment">Segment�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vsegment">ion-segment�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/segment-button">ion-segment-button</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vsegment-content">ion-segment-content�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/segment-view">ion-segment-view</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/select">Select</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/select">ion-select</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vselect-option">ion-select-option�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vtabs">Tabs�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtabs">ion-tabs�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/tab">ion-tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtab-bar">ion-tab-bar�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/tab-button">ion-tab-button</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/toast">Toast</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/toast">ion-toast</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/toggle">Toggle</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/toggle">ion-toggle</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/toolbar">Toolbar</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/toolbar">ion-toolbar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vheader">ion-header�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/footer">ion-footer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtitle">ion-title�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/buttons">ion-buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vback-button">ion-back-button�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vtext">Typography�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtext">ion-text�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tapi">Resources�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tapi">APIインデックス�_a>�_li></ul>�_li></ul>�_nav>�_div>�_div>�_aside><div><na6�aria-label="ナビゲーション" class="navbar navbar--fixed-top navbarHideable_�mJ"><div class="navbar__inner"><di6�class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width=�0�0�0."."." height=�0�0�0."."." viewBox="0 0 30�0�0�0�0�0."."." aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 72M2 2 2 152M2 2 2 �0�0�0�0�02"></path>�_svg>�_button><a class="navbar__brand" target="_self" href= Ydocs/j�t"><div class="navbar__logo"><img src="/doctzja/logos/ionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height="28" width="139"><img src="/doctzja/logos/ionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height="28" width="139">�_div>�_a><a class="navbar__item navbar__link" href= Ydocs/j�t">Guide</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href= Ydocs/j�tcomponents">Components�_a><a class="navbar__item navbar__link" href= Ydocs/j�tcli">CLI�_a><a class="navbar__item navbar__link" href= Ydocs/j�tnative">Native�_a><a class="navbar__item navbar__link cta" href= Ydocs/j�tupdating/8-0">Ionic v8.0.0 Upgrade Guide�_a>�_div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/doctzja/api/progress-bar">v8</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href= Ydocs/j�tap}vprogress-bar">v8�_a>�_li><li><a class="dropdown__link" href= Ydocs/j�tv7/api/progress-bar">v7</a></li><li><a href="httpsa_/ionic-docs-fo�0�01�4��p4h5-ioniu.vercel.ap:ydocs/v6" target="_self" rel="noopener noreferrer" class="dropdown__link">v6</a></li><li><a href="httpsa_/ionic-docs-5utg8ms4c-ioniu.vercel.ap:ydocs/v5" target="_self" rel="noopener noreferrer" class="dropdown__link">v5</a></li><li><a href="httpsa_/ionicframework.co�wdocs/v^components" target="_blank" rel="noopener noreferrer" class="dropdown__link">v4</a></li><li><a href="httpsa_/ionicframework.co�wdocs/vz^" target="_blank" rel="noopener noreferrer" class="dropdown__link">v3</a></li>�_ul></div><di6�class="navbarsearchcontainer_bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索 (Command+K)"><span class="DocSearch-Button-Container"><svg width=(� N)�."."." height=(� N)�."."." class="DocSearch-Search-Icon" viewBox="0 0 20(��N)�."."." aria-hidden="true"><path d="M14�0�0�0�0�086 14.386l4.0877 4.0877-4.0877-4.0877c(�(g)�.98 2.9419-7.7�5 2.9419-10.65�0�0�0�0 0(�(g)�.99-2.9418(�(g)�.99-7.15 0-10.65�0�0�0�0(��N)�.98-2.9419 7.7�5-2.9419 10.65�0�0�0�0 0(��N)�.99 2.9418(��N)�.99 7.15 0 10.65�0�0�0�0z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">�_path></svg><span class="DocSearch-Button-Placeholder">検索�_span></span><span class="DocSearch-Button-Keys">�_span></button>�_div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link navbar__link--community">Community�_a><ul class="dropdown__menu"><li><a href="https:�]ionicframework.com/community" target="_blank" class="dropdown__link">Community Hub<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/forum.ionicframework.co�w" target="_blank" class="dropdown__link">Forum<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/www.meetup.co�wtopics/ionic-framework."." target="_blank" class="dropdown__link">Meetups<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]blog.ionicframework.co�w" target="_blank" class="dropdown__link">Blog<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]twitter.co�wionicframework" target="_blank" class="dropdown__link">Twitter<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li>�_ul></div><di6�class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link navbar__link--support">Support</a><ul class="dropdown__menu"><li><a href="httpsa_/ionicframework.co�wsupport" target="_blank" class="dropdown__link">Help Center<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]ionic.zendesk.co�w" target="_blank" class="dropdown__link">Customer Support<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]ionicframework.com/advisory" target="_blank" class="dropdown__link">Enterprise Advisory<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li></ul>�_div><div class="navbar__item"><div class="separator" aria-hidden></div></div><di6�class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link icon-link language navbar__item"><svg xmlns="httpa_/www.w3.or�u2000/svg" viewBox="0 0 5(�*h)� 5(�*h)�" width=(� N)�2" height=(� N)�2" aria-hidden="true" class="iconLanguage_nlXk"><path fill="currentColor" d="M478.�0�0�0�0 4�0�0�0�0.6l-DS(�(g)�182 (� g)� 0 00-40.65 5 5 0l-90 8a(� g)�(��N)�2 0 1040.65 5 5 16.79L�6.66 406�(��e)�.67l18�0�0�0�0�02 2 44�0�0�0�0�09A(� g)�(��N)�2 0 00458 464a(� g)�(��N)�2 0 0020�0�0�0�0�02-30.4zM�0�0�0�04.�0�0�0�0�0�0�0�0(��)��0�0�0�068(��N)�.65 401.17�0�0�0�0�0(��)�zM267.84�0�0�0�0�0(� T)�.92a(� g)�(��N)�2 0 00-4.89-30.7c-(�ё)�-.15-15-�.13-36.49-34.72 2 39.65-�0�0�0.68 (��)�.11-�4.75 71.27-1�0�0�0�0�0.49H�0�0�0�00a(� g)�(��N)�2 0 000-44H214V70a(� g)�(��N)�2 0 00-42 2 2 0v20H54a(� g)�(��N)�2 0 000 44�97(�ё)�5c-9.52 26.95-27.05 69.5-53.79 108�0�0�0�0�06-�.41-.68-�0�0�0�0�0.08-68.65-�0�0�0�0�0.17-68.87a(� g)�(��N)�2 0 00-40.58 17c.58 1.38 14.55�0�0�0�0�04.�0�0�0�0�0 52.86 83.�0�0�0.92 1.19 1.82 2 2.35(��N)�.72 2 2 3.��0�0�0�09.24 44.35-77.74 71.86-93.85 80.742 (� g)� 0 1(��e)�1.07�0�0�0�0�08.�0�0�0�0�0.16-1.18 48.6-26.89 101.�0�0�0�0�0-85.59(��N)�2.(�yr)�(��N)�4.08�0�0�0�0�08 35.42 2 2 38.92 2 36.12 (� g)� 0 0�0�00.75-4.9z"></path>�_svg><span class="localeVisuallyHidden_pF54">日本語</span>�_a><ul class="dropdown__menu"><li><a href="/doctzap}vprogress-bar" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href= Ydocs/j�tap}vprogress-bar" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語�_a>�_li><li><a href="https:�]ionicframework.com/translate" target="_blank" class="dropdown__link">Translate<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li>�_ul></div><a href="https:�]twitter.co�wIonicframework" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-twitter" aria-label="Twitter">�_a><a href="httpsa_/ionic.lin�vdiscord" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-discord" aria-label="Discord"></a><a href="https:�]github.com/ionic-tea�wionic-framework" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-github" aria-label="GitHub repository">�_a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite" aria-pressed="false"><svg viewBox="0 0(��N)�2 2 2 24" width=(� N)�4" height=(� N)�4" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M(�*h)�,9u.65,0,3,1.35�0�0�0�0�0�0s-1.35�0�0�0�0�0�0�0�0�0�0s-3-1.35�0�0�0�0�0�0�0�0e0.35,9,12,9 2,7c(�(g)�.76,0-5,2.24-5,5�(�ё)�4,5,5,5s5-2.24,5-5 S14.76,7,(�*h)�,72,7z M2,�0�0,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1e.45,�0�0(�4l)�,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1e9.45,13,20,13z M�(�4l)��c0,0.55,0.45,1,1,1 -0.45,1-1V2c0-0.55-0.45-1-1-1S�,1.45,�(�4l)�+�1,20��c0,0.55,0.45,1,1,1 -0.45,1-1v(�(g)�c0-0.55-0.45-1-1-11.45,19,�,19.45,11,20+�M5.99,4.58c-0.39-0�0�0�0�0�09-1.�0�0-0�0�0�0�0�09-1.,0 c-0�0�0�0�0�09,0.39-0�0�0�0�0�09,1.�0�0,0,1.41l1.06,1.06c0.39,0�0�0�0�0�09,1.�0�0,0�0�0�0�0�09,1.,0s0�0�0�0�0�09-1.�0�0,0-1.41L5.99,4.58z M18�0�0�0�0�06,16.95 c-0.39-0�0�0�0�0�09-1.�0�0-0�0�0�0�0�09-1.,0c-0.39,0�0�0�0�0�09-0.39,1.03,0,1.�.06,1.06c0�0�0�0�0�09,0.39,1.03,0.39,1.41,0c0.39-0�0�0�0�0�09,0.39-1.03,0-1. L18�0�0�0�0�06,16.95z M19.42,5.99c0�0�0�0�0�09-0.39,0�0�0�0�0�09-1.�0�0,0-1.41c-0�0�0�0�0�09-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0�0�0�0�0�09-0.39,1.03,0,1. s1.�0�0,0�0�0�0�0�09,1.,09.(� T)�,5.99z M7.05,18.36c0�0�0�0�0�09-0.39,0�0�0�0�0�09-1.�0�0,0-1.41c-0�0�0�0�0�09-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0�0�0�0�0�09,0.39-0�0�0�0�0�09,1.�0�0,0,1.41s1.�0�0,0�0�0�0�0�09,1.,0L7.05,18�0�0�0�0�06z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" width=(� N)�4" height=(� N)�4" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9�0�0�0�0�07,5.�C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08�0�0�0�0�0�0�0�02,7.4,7.4,7.4c0.68,0,1�0�0�0�0�05-0.09,1.99-0.277.45,17.19,14.�0�0�0,19,(�*h)�,19 c-3.86,0-7�0�0�0�0.14-7-7C5,9.07,6.81,6.55,9�0�0�0�0�07,5.�+�2,3c-4.97,0-9,4.�0�0-9,9s4.03,9,9,9s9-4.�0�0,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37(�(g)�.58,2.26-4.4(�4l)�(�ё)�6c(�(g)�.98,0-5.4-2.(� T)�-5.4-5.4c0-1.81,0.89�0�0�0�0.42,2.26-4.42.(��N)��0�0�0.04,(�*h)�.46,3,(�*h)��0�0�02,3z">�_path></svg></button>�_div>�_div>�_div><div role="presentation" class="navbar-sidebar__backdrop">�_div>�_nav><main class="docMainContainer_TBSr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><di6�class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><span class="theme-doc-version-badge badge badge--secondary">バージョン: v8�_span><di6�class="toccollapsible_etcw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">このページの見出し</button>�_div><div class="theme-doc-markdown markdown"><header><�>ion-progress-bar</h1>�_header> �-- --> <a class="encapsulation-pill encapsulationPill_weMM" href="/doctzja/reference/glossary#shadow">shadow�_a> <p>プログレスバーは、アプリのロード、フォームの送信、更新の保存など、進行中の処理の状態をユーザーに知らせるものです。プログレスバーには2つのタイプがあります。プログレスバーには、<code>determinate</code>と<code>indeterminate�_code>の2種類があります。</p> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="determinate">Determinate<a href="#determinate" class="hash-link" aria-label="Determinate への直接リンク" title="Determinate への直接リンク">�_a>�_> <p>Determinateはデフォルトのタイプです。操作のパーセンテージがわかっている場合に使用されるべきです。進行状況は <code>value�_code �プロパティを設定することで表現されます。こ�れは、進捗が0かよ00%まで増加するように表示するために使用できます。�_p>  <div class="playground"><div class="playground__container"><di6�class="playground__control-toolbar"><div class="playground__control-group"><button title="Show Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular�_button><button title="Show JavaScrip4�code" class="playground__control-button" data-text="JavaScript">JavaScript�_button><button title="Show React code" class="playground__control-button" data-text="React">React</button><button title="Sho7�Vue code" class="playground__control-button" data-text="Vue">Vue�_button></div><di6�class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS�_button><button title="MD mode" class="playground__control-button" data-text="MD">MD</button>�_div><div class="playground__control-grou0�playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path d="M5.538(�*h)� 5.917�0�0�0�0�0L7.52915 1 8.01835H4.42601L2.42601 13L9 5.743H5.�0�0�02Z" stroke="#73849A" stroke-linejoin="round"></path>�_svg>�_button><button class="playground__icon-button playground__icon-button--primary playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M2.06667 9V9.47756 9 1 8.5(� g)�44 1 7.9�0�0�0�0�0�0�0�0�0�0�0�0�0 1.895�0�0�0�0�0 1.895�0�0�0�0�0 1�0�0�0�0�0 1H7.9�0�0�0�0�0�0�0�0C8.5(� g)�44 1 9 1.47756 9(��N)�.066672�6�.06667" stroke="current"></path><rec4�x=�0�0�0" y=�0�0�0" width="8" height="8" rx="1.5" stroke="current"></rect>�_svg>�_button><button class="playground__icon-button"><svg aria-hidden="true" width="10" height="(�*h)�" viewBox="0 0 10 (�*h)�" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2(�ё)�(� g)�15(��N)�.9(��)�47�0�0�0�0.0442 2 2 2.(� T)�(��e)�5 4.01109 2.�0�0082 2 2 5 2.�0�0084C5.�0�0�0�0�0�0�0�08 2.�0�0082 2 2 6.08145 5 2.15202 6.39(�>y)�1 2.18�5C6.68142 2.77 6.948(��N)�(�ё)�65 7.08584(��N)��0�0�0�0�0�0�0�0�0�0(��N)�C7.17445(��N)�.41686 7�0�0�0�0�01584(��N)�.52988 7�0�0�0�0�0(�yr)�(��N)�.73039C7�0�0�0�0�08869(��N)�.9�� 7(�ё)�94(��e)��0�0�0�0�0.07964 7(�ё)�55�0�0�0�0�0.14415C7.18678�0�0�0�0�0(�ё)��49 7.126�0�0�0�0�0(�ё)�5445 7.09468�0�0�0�0�0(�ё)�75C7.076(�>y)��0�0�0�0�0(�ё)�8704 7.0001�0�0�0�0�0(�ё)�9656 7.04754�0�0�0�0�0�0�0�0�0�0�0�045C7.02 3.30695 5 7.�0�0555 5 5 3.30995 7.�0�0082 3.�24C7.029�0�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017 7.027(��N)��0�0�0�0�0�0�0�0�0�0�0�089 7.0265 5 3.�456C7.(��e)�58�0�0�0�0�0�0�0�0�0�01496 7.025�0�0�0�0�0�0�0�0�0�0�0�01535 7.02429�0�0�0�0�0�0�0�0�0�015(�]y)�C7.0�0�0�0�0�0��0�0�0�0�0�0�0�0�0�016 7.0(� g)�38�0�0�0�0�0�0�0�0�0�01667 7.05 3.�L7.020�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017�0�0C7.01994�0�0�0�0�0�0�0�0�0�01787 7.01905�0�0�0�0�0�0�0�0�0�018� 6.81818(��N)�.91589L7.01905�0�0�0�0�0�0�0�0�0�018�C6.7�0�0�085�0�0�0�0�0.42779 6.536�0�0�0�0�0�0�0�0�0�03637 6.410�0�0�0�0�0�0�0�0�0�0.114(�*h)�C6.406(��)��0�0�0�0�0.1065 6.40305 3.09881 6.39972 3.09108C6.36(��R)�9 3.08669 6.�0�0�0�0282 2 2 3.08(� g)�2 2 2 6.29298 3.07787C6.(��e)�849 3.04892 5.�972 2 2 3.(��e)�AS2 2 2 5 3.(��e)�AS4C4.1909�0�0�0�0�0.02804�0�0�0�0�0�0�0�0�0�09996�0�0�0�0�0(�ё)�64(��R)�(��N)�.727�0�0�0�0�0.70846(��)�.05447 4.1(�yr)�09 1.530�0�0 4.7(��R)�64 1(�ё)�2049 5.52038C0.910862 2 2 6.252 0.(��R)�985 7.0699 0.987699 7.85307C1.14555 8.�0�0�0�0�0(��)�5 1.�0�0�0�5 5 5 9.35562 2 2 2.10(�]y)�9 9.(��N)�(��e)�8C2.67942 10.4849 3.40�0�0�05 10.8692 2 2 4.2019 11.(��e)�(�yr)�C4.99546 11.181 5.AS1 �.1011 6.56552 10.7955C7.�302 2 2 10.4899 7.95195 9.97241 8.40145 5 5 9.30847C8.85098 8.64452 9.09091 7.86392 2 2 9.09091 7.06542C9.09091 6.765 5 5 9.29442 6.�682 9.54545 6.�682C9.79649 6.�682 10 6.81767 10 7.06542C10 8.039 9.70675 8.99544 9.15735 9.806(��N)�C8.60794 10.�84 7.82705 11.2509 6.9�0�0(� T)� 11.(��)�44C5.99979 11.9979 4.99445 12.0956 4.02455 11.DS(�yr)��0�0�0�0.05464 11.48(��N)�.1�0�0�0�0�0�0�0 11.2448 1.46447 10.5547C0.765205 5 9.86458 0.28DS(��e)� 8.985(�>y)� 0.0960758 8.028�C-0.0968502 7.07089 0.006639 6.078 0�0�0�0�0�0AS05 5.17704C0.75DS�0�0�0�0�0 4(�ё)�7536 1�0�0�0�0�0999 3.50469 2.(� g)�5 2.96247Z" fill="#73849A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.�0�0�0�0C4.8561 -0.0�0�0�0�0�079 5.1�0�0�0�0�09 -0.0�0�0�0�0�079 5�0�0�0�0�0 0.1�391L7.592 2 2 2.37�0�0�0�0�08C7.77165 2.54955 5 5 7.77165 2.�0�0�0361 7.592 2 2 3.00879L5.(�>y)�141 5.25178C5.1439 5.42697 4.8561 5.(� T)�695 5 5 4.67859 5.25178C4.50108 5.0766 4.50108 4.7(��N)�56 4.67859 4.61737L6.6299 2.69159L4.67859 0.765805C4.50108 0.5DS�5 5 4.50108 0.30658 4.67859 0.�0�0�0�0Z" fill="#�0�0849A">�_path></svg></button><a class="playground__icon-button" href="httpsa_/github.co�wionic-team/ionic-doctzissues/new/choose" aria-label="Repor4�an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M5 5 0C2.68661 0 0 2.75(��)�5 0 6.15268C0 8.87142 2 1.962 2 2 �.175 4.1�0�057 11.98�0�0�0C4.107 11.99�0�0 4.1�0�0 12 4.20�0�0�05 5 (�*h)�C4.42768 12 4.��0�0�0�09 �.8365 5 4.��0�0�0�09 �.6946C4.��0�0�0�09 �.5472 2 4.50AS2 2 2 �.1�5 5 4.50�0�0�05 5 10.6473C4.28�0�05 5 10.6982 4.07945 5 10.7195 5 3.9 10.7196C2.74552 2 2 10.7195 5 2.48302 2 2 9.(��R)��0�0�0�0�02 2.48302 2 2 9.(��R)��0�0�0�0�02C2.20982 9.�25 1.81607 8.9(� g)�(�>y)� 1.81607 8.9(� g)�(�>y)�(�ё)��0�0�075 8.55536 1.8�0�039 8.54464 1.8�0�0�057 8.54464.85625(��)�.458�0�0�0 8.598(��N)�.775 9.1(��R)�14(��N)�.775 9.1(��R)�14�0�0�0�0.075 9.70714�0�0�0�0�0.47679 9.85446�0�0�0�0�0.835 9.85446C4.11696 9.85446 4�0�0�0�0�0�0�0�0�0�0 9.7�0�0�0�0�039 4.5�0�0�0�0�0 9.6�0�0�075C4.575 9(�ё)�97(�>y)� 4.73036 9.02679 4.90179 8.8�0�0�0�0�0�0�0�0�0.57054 8.71607(��N)�.16964 8.18839(��N)�.16964 5.8�25(��)�.16964 5.158�0�0�0(��N)�.4(��e)�68 4.609(��R)�(��N)�.785 4.125(��)�.724� 4.02589(��N)�.51786�0�0�0�0�0�0�0�0�0�099�(��N)�.84464(��N)�.5(�yr)�68(��)�.84464(��N)�.5(�yr)�68(��N)�.8875 2.�0�0�0(��N)�9 2.97855 5 5 2.�0�0�0(��N)�9C3.19552 2 2 2.�0�0�0(��N)�9 3.68571 2.(��)��0�0�0�0�02 4.49462 2 2 3.18482C4.971 3.04(��R)�1 5.48571 2.98(�*h)�5 5.99�0�02 2.97857C6.50(��)�5 2.98(�*h)�5 7.(��e)�052 2 2 3.04(��R)�1 7.5 3.18482C8.30892 2 2.(��)��0�0�0�0�02 8.791 2.�0�0�0(��N)�9 9.0105 5 5 2.�0�0�0(��N)�9C9.102 2 2 2.�0�0�0(��N)�9 9.15(��N)�.5(�yr)�68 9.15 2.55268C9.47679 3.391 9.27052 2 2 4.(��e)�589 9.20892 2 4.18(�*h)�5C9.59195 5 4.�25 9.825 5.1�� 9.825 5.8�25C9.825 8.1�0�0�075 8.4�0�0�0�0�0 8.7�0�039 7.084(��R)� 8.86607C7(�ё)�99� 9.05625 7.496 9.4�25 7.496 10.0045C7.496 10.(��R)�68 7.4�0�0�0�0�0�0 11.49� 7.4�0�0�0�0�0�0 11.692C7.48392 2 �.8365 5 7.56695 5 (�*h)� 7.78929 12C7.(��R)�142 2 (�*h)� 7.858�0�0�0 11.99�0�0 7.896�0�0�0�0�0 11.98�0�0�00.282 2 �.175 12 8.86875 (�*h)� 6.1(�yr)�682 2.75(��)�5 9.��0�0�0�09 0 5 5 0Z" fill="#73849A"></path>�_svg>�_a>�_div>�_div>�_div><div class="playground__code-block">�_div>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="buffer">Buffer<a href="#buffer" class="hash-link" aria-label="Buffer への直接リンク" title="Buffer への直接リンク">�_a>�_1�6��p> <p><code>buffer</code>プロパティが設定されている場合、バッファーストリームがアニメーションの円と共に表示され、アクティビティを示します。また、<code>buffer�_code>プロパティの値は、目に見えるトラックの量によって表されます。も�l�<code>buffer�_code �の値�=�<code>value</code> プロパティより小さければ、目に見えるトラックはありません。もし <code>buffer</code> が <code��_code �に等しければ、バッファースリームは隠されます。</p> �-- --> <di6�class="playground"><di6�class="playground__container"><div class="playground__control-toolbar"><di6�class="playground__control-group"><button title="Sho7�Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular</button><button title="Sho7�JavaScript code" class="playground__control-button" data-text="JavaScript">JavaScript</button><button title="Sho7�Reac4�code" class="playground__control-button" data-text="React">React�_button><button title="Show Vue code" class="playground__control-button" data-text="Vue">Vue</button>�_div><div class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS</button><button title="MD mode" class="playground__control-button" data-text="MD">MD�_button></div><di6�class="playground__control-group playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="1."."." height="14" viewBox="0 0 10 14" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path d="M5.�0�0�02 5.743L7.(�yr)�5 1L1 8.01�0�0�05H4.(� T)�01L2.(� T)�01 �0�0L9 5.917�0�0�0�0�0H5.538(�*h)�Z" stroke="#�0�0849A" stroke-linejoin="round">�_path></svg></button><button class="playground__icon-button playground__icon-button--primar9�playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M2.06665 5 5 9V9C1.47755 5 9 1 8.(�yr)�242 2 2 1 7.�0�0�0�0�0�0�03V3C1 1.89542 2 1.89542 2 1 2 2 1H7.�0�0�0�0�0�0�03C8.(�yr)�242 2 2 1 9 1.47755 5 9 2.06667V2.06667" stroke="current">�_path><rect x="3" y="3" width="8" height="8" rx="1.5" stroke="current">�_rect></svg></button><button class="playground__icon-button"><svg aria-hidden="true" width="1."."." height="12" viewBox="0 0 10 12" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.(� g)�5 2.96247C3.0444(��N)�.42025 4.0�09(��N)�.13084 5(��N)�.13084C5.63538(��N)�.13084 6.046(��N)�.1(�yr)�(��e)� 6�0�0�0�0�0�0�0�0(��N)�.18615C6.6(� T)�(��N)�(�ё)�175 5 5 6.(��N)�148 2.26571 7.08582 2 2 2.36392C7.17445 2.685 5 7.�582 2 2 2.(�yr)�988 7.35(� g)�1 2.�0�0�0�09C7.38869 2.�0�0�0151 7.29402 3.07962 2 2 7.24155 3.145C7.18678 3.149 7.(�*h)�5 5 3.25445 7.09468 3.275C7.07�0�0�0�0�02 3.28702 2 2 7.06001 3.29655 5 7.04752 2 2 3.30345C7.04(�*h)��0�0�0�0�0�0�0�0�0�00696 7.03557�0�0�0�0�0�0�0�0�0�00995 7.030(��R)��0�0�0�0�0�0�0�0�0�0(�*h)�4C7.(��e)��0�0�02 2 3.��5 5 5 7.(��e)�792 3.�389 7.(��e)�66�0�0�0�0�0�0�0�0�0�01456C7.0258 3.�495 5 7.(��e)�502 2 3.��0�0�05 7.(��e)�(� T)�9 3.�572C7.(��e)��0�0�0�01 3.�(��)�1 7.(��e)��0�0�0�0�08 3.�665 5 5 7.(��e)�15�0�0�0�0�0�0�0�0�0�0171L7.(��e)�(��e)�2 2 3.�773C7.01992 2 2 3.�785 5 5 7.01DS5 3.��0�0�01 6.8 2.589L7.01DS5 3.��0�0�01C6.79385 3.(� T)�779 6.(�yr)��0�05 5 3.�0�0�0�0�0�0�0�0�05 5 5 6.042 2 3.�2C6.40662 3.1065 6.4�0�005�0�0�0�0�0.098 6�0�0�0�0�099(�]y)��0�0�0�0�0.008C6�0�0�0�0�06829�0�0�0�0�0.08669 6�0�0�0�0�0(�>y)�84�0�0�0�0�0.0(��R)�24 6(�ё)�(��N)�98�0�0�0�0�0.07787C6.02849�0�0�0�0�0.048(��N)� 5.61974�0�0�0�0�0.02804 5�0�0�0�0�0.02804C4.1DS9 3.(��e)�AS2 2 2 3.39995 5 3.26482 2.(�]y)�(�]y)�1 3.70846C2.05445 5 5 4.15209 1.�0�0�0012 2 4.78262 2 2 1.(� g)�049 5.(�yr)��0�08C0.0864 6(�ё)�58(�*h)� 0.82985 7.0699 0.987699 7.8�0�0�007.14555 8.63625 1.53517 9�0�0�0�0�05564(��N)�.10729 9.92028(��)�.679(� T)� 10.4849�0�0�0�0�0.40835 10.8694 4(�ё)�019 �.0252C4.99545 5 �.1 5.81801 11.10� 6.565(�yr)� 10.7955C7�0�0�0�0�0�0�004 10.4899 7.9�95 9.9(�]y)� 8.40147 9�0�0�0�0�00847C8.85098 8.644(�yr)� 9.0DS 7.8�0�0�0�0�094 9.0DS 7.065(� T)�C9.0DS 6.81767 9(�ё)�94(� T)� 6.616(��R)� 9.54545 6.616(��R)�C9.79649 6.616(��R)� 10 6.765 5 5 10 7.065(� T)�0 8.04�0�09 9.70675 8.99542 2 2 9.15�0�05 9.AS692C8.0792 2 2 10.6182 2 2 7.(��R)�705 �(�ё)�509 6.342 �.6244C5.99979 �.9979 4.99445 (�*h)�.0955 5 4.(��e)�455 �.9052C3.05462 2 2 �.7148 2.16372 2 �(�ё)�448 1.46445 5 5 10.5547C0.76(�yr)�06 9.86458 0(�ё)�89002 8.98�0�0�02 0.090758 8.(��e)�1C-0.09685(��e)� 7.07089 0.0(��e)�16�0�0�0�0�09 6.07871 0.380605 5.17704C0.759042 2 4.27�0�0�05 5 1.3999�0�0�0�0�0.50469(��N)�(�ё)�(� g)�15(��N)�.9(��)�47Z" fill="#�0�0849A">�_path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.1�391C4.85� -0.0437971 5.1439 -0.0437971 5.(�>y)�141 0.�0�0�0�0L7.59414(��N)��0�0�0�0�07438C7.765(��N)�.54957 7.765(��N)�.8�0�0�0�0� 7.59414�0�0�0�0�0.00879L5�0�0�0�0�0 5(�ё)��78C5.1�0�0�0�0�09 5.(� T)�695 5 5 4.85� 5.42697 4.67859 5(�ё)��78C4.50108 5.0765 5 4.50108 4.79255 5 4.67859 4.��0�07L6.(��)�99(��N)�.659L4.67859 0.765AS5C4.50108 0.590616 4.50108 0�0�0�0�0�00658 4.67859 0.1�391Z" fill="#73849A"></path>�_svg>�_button><a class="playground__icon-button" href="https:�]github.com/ionic-tea�wionic-docs/issuetzne�|choose" aria-label="Report an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M6 0(��)�.686� 0 0(��N)�.75625 0 6.1(�yr)�68C0 8.8�0�0�0�0�0 1.71964 11.175 4.10355 5 5 �.9893C4.14105 5 5 �.9972 2 4.17(�>y)�1 (�*h)� 4(�ё)�0536 12C4.(� T)�768 (�*h)� 4.5�0�039 11.�0�0�066 4.5�0�039 11.6946C4.5�0�039 11.54�0�0 4.50804 11.1616 4.50536 10.64�0�0C4(�ё)�AS36 10.69(��R)� 4.07946 10.96�0�0�0�0�0.9 10.96(��)�.74554 10.96(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��)�(�ё)�09(��R)� 9.1(�*h)�5 1.05 5 5 8.(��N)��0�0�0�0�02 1.05 5 5 8.(��N)��0�0�0�0�02C1.29375 8.55�0�0�05 5 1.�0�0�0�09 8.54462 2 2 1.85355 5 5 8.54464H1.85(��)�5C2.45892 2 8.59(��R)�1 2.775 9.182 2 2 2.775 9.184C3.075 9.702 2 2 3.47679 9.85445 5 3.�0�0�0571 9.85446C4.�695 5 9.85445 5 4.37142 2 9.76�0�0�0�09 4.(�yr)�142 2 9.69375C4.575 9.29�0�02 4.�0�0�0�05 5 9.(��e)�679 4.DS179 8.87143C3.57052 2 2 8.05 5 5 2.16962 2 2 8.18�0�0�09 2.16962 2 2 5.�0�0�0(�*h)�5C2.16962 2 2 5.15892 2 2.40268 4.0982 2.78571 4.18(�*h)�5C2.(�]y)�1 4.(��e)�589 2.�785 5 3.391 2.84462 2 2 2.55268C2.84462 2 2 2.55268 2.8875(��N)�.53929(��N)�.97857(��N)�.53929�0�0�0�0.19554(��N)�.53929�0�0�0�0�0.685(��N)�.6(� g)�(�>y)� 4.49464�0�0�0�0�0.184(��R)�C4.974��0�0�0�0�0.048 5.485(��N)�.925 5.997(�>y)�(��N)�.97857C6.50625(��N)�.925 7.02054�0�0�0�0�0.048 7.5�0�0�0�0�0.184(��R)�C8�0�0�0�0�008�0�0�0(��N)�.6(� g)�(�>y)� 8.799�(��N)�.53929 9.01607(��N)�.53929C9.10714(��N)�.53929 9.15 2.55268 9.15(��N)�.5(�yr)�68C9.47679�0�0�0�0�0�0�0�0�0�099� 9(�ё)�7054 4.02589 9(�ё)�08�0�0�0 4.125C9.596 4.6(�*h)�5 9.(��R)�5 5.16161 9.(��R)�5 5.�0�0�0(�*h)�5C9.(��R)�5 8.19375 8.(� T)�142 2 8.�0�0�0�09 7.08482 8.8607C7.291 9.05(��)�5 7.49195 5 9.�0�0�0�0�0(�*h)�5 7.49195 5 10.0045C7.49195 5 10.8268 7.48392 2 �.41 7.48392 2 �.6(��N)�C7.4�0�0�0�0�0�0 11.�0�0�066 7.56696 12 7.78(��N)�9 (�*h)�C7.8�0�0�0�0�0 12 7.85892 2 �.9972 2 7.89642 2 �.9893C10(�ё)��0�0�0 11.175 (�*h)� 8.86875 12 6.15268C(�*h)�(��N)�.75625 9�0�0�0�0�0�0�039 0 6 0Z" fill="#�0�0849A">�_path></svg></a></div></div></div><di6�class="playground__code-block"></div></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="indeterminate">Indeterminate<a href="#indeterminate" class="hash-link" aria-label="Indeterminate への直接リンク" title="Indeterminate への直接リンク">�_a>�_> <p>Indeterminateタイプは、処理にかかる時間が不明な場合に使用します。プログレスバーは <code>value�_code �と連動しておらず、処理が完了するまでトラックに沿ってスライドしつづけます。</p> �-- --> <di6�class="playground"><di6�class="playground__container"><div class="playground__control-toolbar"><di6�class="playground__control-group"><button title="Sho7�Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular</button><button title="Sho7�JavaScript code" class="playground__control-button" data-text="JavaScript">JavaScript</button><button title="Sho7�Reac4�code" class="playground__control-button" data-text="React">React�_button><button title="Show Vue code" class="playground__control-button" data-text="Vue">Vue</button>�_div><div class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS</button><button title="MD mode" class="playground__control-button" data-text="MD">MD�_button></div><di6�class="playground__control-group playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="1."."." height="14" viewBox="0 0 10 14" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path d="M5.�0�0�02 5.743L7.(�yr)�5 1L1 8.01�0�0�05H4.(� T)�01L2.(� T)�01 �0�0L9 5.917�0�0�0�0�0H5.538(�*h)�Z" stroke="#�0�0849A" stroke-linejoin="round">�_path></svg></button><button class="playground__icon-button playground__icon-button--primar9�playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M2.06665 5 5 9V9C1.47755 5 9 1 8.(�yr)�242 2 2 1 7.�0�0�0�0�0�0�03V3C1 1.89542 2 1.89542 2 1 2 2 1H7.�0�0�0�0�0�0�03C8.(�yr)�242 2 2 1 9 1.47755 5 9 2.06667V2.06667" stroke="current">�_path><rect x="3" y="3" width="8" height="8" rx="1.5" stroke="current">�_rect></svg></button><button class="playground__icon-button"><svg aria-hidden="true" width="1."."." height="12" viewBox="0 0 10 12" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.(� g)�5 2.96247C3.0444(��N)�.42025 4.0�09(��N)�.13084 5(��N)�.13084C5.63538(��N)�.13084 6.046(��N)�.1(�yr)�(��e)� 6�0�0�0�0�0�0�0�0(��N)�.18615C6.6(� T)�(��N)�(�ё)�175 5 5 6.(��N)�148 2.26571 7.08582 2 2 2.36392C7.17445 2.685 5 7.�582 2 2 2.(�yr)�988 7.35(� g)�1 2.�0�0�0�09C7.38869 2.�0�0�0151 7.29402 3.07962 2 2 7.24155 3.145C7.18678 3.149 7.(�*h)�5 5 3.25445 7.09468 3.275C7.07�0�0�0�0�02 3.28702 2 2 7.06001 3.29655 5 7.04752 2 2 3.30345C7.04(�*h)��0�0�0�0�0�0�0�0�0�00696 7.03557�0�0�0�0�0�0�0�0�0�00995 7.030(��R)��0�0�0�0�0�0�0�0�0�0(�*h)�4C7.(��e)��0�0�02 2 3.��5 5 5 7.(��e)�792 3.�389 7.(��e)�66�0�0�0�0�0�0�0�0�0�01456C7.0258 3.�495 5 7.(��e)�502 2 3.��0�0�05 7.(��e)�(� T)�9 3.�572C7.(��e)��0�0�0�01 3.�(��)�1 7.(��e)��0�0�0�0�08 3.�665 5 5 7.(��e)�15�0�0�0�0�0�0�0�0�0�0171L7.(��e)�(��e)�2 2 3.�773C7.01992 2 2 3.�785 5 5 7.01DS5 3.��0�0�01 6.8 2.589L7.01DS5 3.��0�0�01C6.79385 3.(� T)�779 6.(�yr)��0�05 5 3.�0�0�0�0�0�0�0�0�05 5 5 6.042 2 3.�2C6.40662 3.1065 6.4�0�005�0�0�0�0�0.098 6�0�0�0�0�099(�]y)��0�0�0�0�0.008C6�0�0�0�0�06829�0�0�0�0�0.08669 6�0�0�0�0�0(�>y)�84�0�0�0�0�0.0(��R)�24 6(�ё)�(��N)�98�0�0�0�0�0.07787C6.02849�0�0�0�0�0.048(��N)� 5.61974�0�0�0�0�0.02804 5�0�0�0�0�0.02804C4.1DS9 3.(��e)�AS2 2 2 3.39995 5 3.26482 2.(�]y)�(�]y)�1 3.70846C2.05445 5 5 4.15209 1.�0�0�0012 2 4.78262 2 2 1.(� g)�049 5.(�yr)��0�08C0.0864 6(�ё)�58(�*h)� 0.82985 7.0699 0.987699 7.8�0�0�007.14555 8.63625 1.53517 9�0�0�0�0�05564(��N)�.10729 9.92028(��)�.679(� T)� 10.4849�0�0�0�0�0.40835 10.8694 4(�ё)�019 �.0252C4.99545 5 �.1 5.81801 11.10� 6.565(�yr)� 10.7955C7�0�0�0�0�0�0�004 10.4899 7.9�95 9.9(�]y)� 8.40147 9�0�0�0�0�00847C8.85098 8.644(�yr)� 9.0DS 7.8�0�0�0�0�094 9.0DS 7.065(� T)�C9.0DS 6.81767 9(�ё)�94(� T)� 6.616(��R)� 9.54545 6.616(��R)�C9.79649 6.616(��R)� 10 6.765 5 5 10 7.065(� T)�0 8.04�0�09 9.70675 8.99542 2 2 9.15�0�05 9.AS692C8.0792 2 2 10.6182 2 2 7.(��R)�705 �(�ё)�509 6.342 �.6244C5.99979 �.9979 4.99445 (�*h)�.0955 5 4.(��e)�455 �.9052C3.05462 2 2 �.7148 2.16372 2 �(�ё)�448 1.46445 5 5 10.5547C0.76(�yr)�06 9.86458 0(�ё)�89002 8.98�0�0�02 0.090758 8.(��e)�1C-0.09685(��e)� 7.07089 0.0(��e)�16�0�0�0�0�09 6.07871 0.380605 5.17704C0.759042 2 4.27�0�0�05 5 1.3999�0�0�0�0�0.50469(��N)�(�ё)�(� g)�15(��N)�.9(��)�47Z" fill="#�0�0849A">�_path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.1�391C4.85� -0.0437971 5.1439 -0.0437971 5.(�>y)�141 0.�0�0�0�0L7.59414(��N)��0�0�0�0�07438C7.765(��N)�.54957 7.765(��N)�.8�0�0�0�0� 7.59414�0�0�0�0�0.00879L5�0�0�0�0�0 5(�ё)��78C5.1�0�0�0�0�09 5.(� T)�695 5 5 4.85� 5.42697 4.67859 5(�ё)��78C4.50108 5.0765 5 4.50108 4.79255 5 4.67859 4.��0�07L6.(��)�99(��N)�.659L4.67859 0.765AS5C4.50108 0.590616 4.50108 0�0�0�0�0�00658 4.67859 0.1�391Z" fill="#73849A"></path>�_svg>�_button><a class="playground__icon-button" href="https:�]github.com/ionic-tea�wionic-docs/issuetzne�|choose" aria-label="Report an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M6 0(��)�.686� 0 0(��N)�.75625 0 6.1(�yr)�68C0 8.8�0�0�0�0�0 1.71964 11.175 4.10355 5 5 �.9893C4.14105 5 5 �.9972 2 4.17(�>y)�1 (�*h)� 4(�ё)�0536 12C4.(� T)�768 (�*h)� 4.5�0�039 11.�0�0�066 4.5�0�039 11.6946C4.5�0�039 11.54�0�0 4.50804 11.1616 4.50536 10.64�0�0C4(�ё)�AS36 10.69(��R)� 4.07946 10.96�0�0�0�0�0.9 10.96(��)�.74554 10.96(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��)�(�ё)�09(��R)� 9.1(�*h)�5 1.05 5 5 8.(��N)��0�0�0�0�02 1.05 5 5 8.(��N)��0�0�0�0�02C1.29375 8.55�0�0�05 5 1.�0�0�0�09 8.54462 2 2 1.85355 5 5 8.54464H1.85(��)�5C2.45892 2 8.59(��R)�1 2.775 9.182 2 2 2.775 9.184C3.075 9.702 2 2 3.47679 9.85445 5 3.�0�0�0571 9.85446C4.�695 5 9.85445 5 4.37142 2 9.76�0�0�0�09 4.(�yr)�142 2 9.69375C4.575 9.29�0�02 4.�0�0�0�05 5 9.(��e)�679 4.DS179 8.87143C3.57052 2 2 8.05 5 5 2.16962 2 2 8.18�0�0�09 2.16962 2 2 5.�0�0�0(�*h)�5C2.16962 2 2 5.15892 2 2.40268 4.0982 2.78571 4.18(�*h)�5C2.(�]y)�1 4.(��e)�589 2.�785 5 3.391 2.84462 2 2 2.55268C2.84462 2 2 2.55268 2.8875(��N)�.53929(��N)�.97857(��N)�.53929�0�0�0�0.19554(��N)�.53929�0�0�0�0�0.685(��N)�.6(� g)�(�>y)� 4.49464�0�0�0�0�0.184(��R)�C4.974��0�0�0�0�0.048 5.485(��N)�.925 5.997(�>y)�(��N)�.97857C6.50625(��N)�.925 7.02054�0�0�0�0�0.048 7.5�0�0�0�0�0.184(��R)�C8�0�0�0�0�008�0�0�0(��N)�.6(� g)�(�>y)� 8.799�(��N)�.53929 9.01607(��N)�.53929C9.10714(��N)�.53929 9.15 2.55268 9.15(��N)�.5(�yr)�68C9.47679�0�0�0�0�0�0�0�0�0�099� 9(�ё)�7054 4.02589 9(�ё)�08�0�0�0 4.125C9.596 4.6(�*h)�5 9.(��R)�5 5.16161 9.(��R)�5 5.�0�0�0(�*h)�5C9.(��R)�5 8.19375 8.(� T)�142 2 8.�0�0�0�09 7.08482 8.8607C7.291 9.05(��)�5 7.49195 5 9.�0�0�0�0�0(�*h)�5 7.49195 5 10.0045C7.49195 5 10.8268 7.48392 2 �.41 7.48392 2 �.6(��N)�C7.4�0�0�0�0�0�0 11.�0�0�066 7.56696 12 7.78(��N)�9 (�*h)�C7.8�0�0�0�0�0 12 7.85892 2 �.9972 2 7.89642 2 �.9893C10(�ё)��0�0�0 11.175 (�*h)� 8.86875 12 6.15268C(�*h)�(��N)�.75625 9�0�0�0�0�0�0�039 0 6 0Z" fill="#�0�0849A">�_path></svg></a></div></div></div><di6�class="playground__code-block"></div></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="progress-bars-in-toolbars">Progress Bars in Toolbars<a href="#progress-bars-in-toolbars" class="hash-link" aria-label="Progress Bars in Toolbars への直接リンク" title="Progress Bars in Toolbars への直接リンク">�_a>�_> �-- --> <di6�class="playground"><di6�class="playground__container"><div class="playground__control-toolbar"><di6�class="playground__control-group"><button title="Sho7�Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular</button><button title="Sho7�JavaScript code" class="playground__control-button" data-text="JavaScript">JavaScript</button><button title="Sho7�Reac4�code" class="playground__control-button" data-text="React">React�_button><button title="Show Vue code" class="playground__control-button" data-text="Vue">Vue</button>�_div><div class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS</button><button title="MD mode" class="playground__control-button" data-text="MD">MD�_button></div><di6�class="playground__control-group playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="1."."." height="14" viewBox="0 0 10 14" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path d="M5.�0�0�02 5.743L7.(�yr)�5 1L1 8.01�0�0�05H4.(� T)�01L2.(� T)�01 �0�0L9 5.917�0�0�0�0�0H5.538(�*h)�Z" stroke="#�0�0849A" stroke-linejoin="round">�_path></svg></button><button class="playground__icon-button playground__icon-button--primar9�playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M2.06665 5 5 9V9C1.47755 5 9 1 8.(�yr)�242 2 2 1 7.�0�0�0�0�0�0�03V3C1 1.89542 2 1.89542 2 1 2 2 1H7.�0�0�0�0�0�0�03C8.(�yr)�242 2 2 1 9 1.47755 5 9 2.06667V2.06667" stroke="current">�_path><rect x="3" y="3" width="8" height="8" rx="1.5" stroke="current">�_rect></svg></button><button class="playground__icon-button"><svg aria-hidden="true" width="1."."." height="12" viewBox="0 0 10 12" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.(� g)�5 2.96247C3.0444(��N)�.42025 4.0�09(��N)�.13084 5(��N)�.13084C5.63538(��N)�.13084 6.046(��N)�.1(�yr)�(��e)� 6�0�0�0�0�0�0�0�0(��N)�.18615C6.6(� T)�(��N)�(�ё)�175 5 5 6.(��N)�148 2.26571 7.08582 2 2 2.36392C7.17445 2.685 5 7.�582 2 2 2.(�yr)�988 7.35(� g)�1 2.�0�0�0�09C7.38869 2.�0�0�0151 7.29402 3.07962 2 2 7.24155 3.145C7.18678 3.149 7.(�*h)�5 5 3.25445 7.09468 3.275C7.07�0�0�0�0�02 3.28702 2 2 7.06001 3.29655 5 7.04752 2 2 3.30345C7.04(�*h)��0�0�0�0�0�0�0�0�0�00696 7.03557�0�0�0�0�0�0�0�0�0�00995 7.030(��R)��0�0�0�0�0�0�0�0�0�0(�*h)�4C7.(��e)��0�0�02 2 3.��5 5 5 7.(��e)�792 3.�389 7.(��e)�66�0�0�0�0�0�0�0�0�0�01456C7.0258 3.�495 5 7.(��e)�502 2 3.��0�0�05 7.(��e)�(� T)�9 3.�572C7.(��e)��0�0�0�01 3.�(��)�1 7.(��e)��0�0�0�0�08 3.�665 5 5 7.(��e)�15�0�0�0�0�0�0�0�0�0�0171L7.(��e)�(��e)�2 2 3.�773C7.01992 2 2 3.�785 5 5 7.01DS5 3.��0�0�01 6.8 2.589L7.01DS5 3.��0�0�01C6.79385 3.(� T)�779 6.(�yr)��0�05 5 3.�0�0�0�0�0�0�0�0�05 5 5 6.042 2 3.�2C6.40662 3.1065 6.4�0�005�0�0�0�0�0.098 6�0�0�0�0�099(�]y)��0�0�0�0�0.008C6�0�0�0�0�06829�0�0�0�0�0.08669 6�0�0�0�0�0(�>y)�84�0�0�0�0�0.0(��R)�24 6(�ё)�(��N)�98�0�0�0�0�0.07787C6.02849�0�0�0�0�0.048(��N)� 5.61974�0�0�0�0�0.02804 5�0�0�0�0�0.02804C4.1DS9 3.(��e)�AS2 2 2 3.39995 5 3.26482 2.(�]y)�(�]y)�1 3.70846C2.05445 5 5 4.15209 1.�0�0�0012 2 4.78262 2 2 1.(� g)�049 5.(�yr)��0�08C0.0864 6(�ё)�58(�*h)� 0.82985 7.0699 0.987699 7.8�0�0�007.14555 8.63625 1.53517 9�0�0�0�0�05564(��N)�.10729 9.92028(��)�.679(� T)� 10.4849�0�0�0�0�0.40835 10.8694 4(�ё)�019 �.0252C4.99545 5 �.1 5.81801 11.10� 6.565(�yr)� 10.7955C7�0�0�0�0�0�0�004 10.4899 7.9�95 9.9(�]y)� 8.40147 9�0�0�0�0�00847C8.85098 8.644(�yr)� 9.0DS 7.8�0�0�0�0�094 9.0DS 7.065(� T)�C9.0DS 6.81767 9(�ё)�94(� T)� 6.616(��R)� 9.54545 6.616(��R)�C9.79649 6.616(��R)� 10 6.765 5 5 10 7.065(� T)�0 8.04�0�09 9.70675 8.99542 2 2 9.15�0�05 9.AS692C8.0792 2 2 10.6182 2 2 7.(��R)�705 �(�ё)�509 6.342 �.6244C5.99979 �.9979 4.99445 (�*h)�.0955 5 4.(��e)�455 �.9052C3.05462 2 2 �.7148 2.16372 2 �(�ё)�448 1.46445 5 5 10.5547C0.76(�yr)�06 9.86458 0(�ё)�89002 8.98�0�0�02 0.090758 8.(��e)�1C-0.09685(��e)� 7.07089 0.0(��e)�16�0�0�0�0�09 6.07871 0.380605 5.17704C0.759042 2 4.27�0�0�05 5 1.3999�0�0�0�0�0.50469(��N)�(�ё)�(� g)�15(��N)�.9(��)�47Z" fill="#�0�0849A">�_path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.1�391C4.85� -0.0437971 5.1439 -0.0437971 5.(�>y)�141 0.�0�0�0�0L7.59414(��N)��0�0�0�0�07438C7.765(��N)�.54957 7.765(��N)�.8�0�0�0�0� 7.59414�0�0�0�0�0.00879L5�0�0�0�0�0 5(�ё)��78C5.1�0�0�0�0�09 5.(� T)�695 5 5 4.85� 5.42697 4.67859 5(�ё)��78C4.50108 5.0765 5 4.50108 4.79255 5 4.67859 4.��0�07L6.(��)�99(��N)�.659L4.67859 0.765AS5C4.50108 0.590616 4.50108 0�0�0�0�0�00658 4.67859 0.1�391Z" fill="#73849A"></path>�_svg>�_button><a class="playground__icon-button" href="https:�]github.com/ionic-tea�wionic-docs/issuetzne�|choose" aria-label="Report an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M6 0(��)�.686� 0 0(��N)�.75625 0 6.1(�yr)�68C0 8.8�0�0�0�0�0 1.71964 11.175 4.10355 5 5 �.9893C4.14105 5 5 �.9972 2 4.17(�>y)�1 (�*h)� 4(�ё)�0536 12C4.(� T)�768 (�*h)� 4.5�0�039 11.�0�0�066 4.5�0�039 11.6946C4.5�0�039 11.54�0�0 4.50804 11.1616 4.50536 10.64�0�0C4(�ё)�AS36 10.69(��R)� 4.07946 10.96�0�0�0�0�0.9 10.96(��)�.74554 10.96(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��)�(�ё)�09(��R)� 9.1(�*h)�5 1.05 5 5 8.(��N)��0�0�0�0�02 1.05 5 5 8.(��N)��0�0�0�0�02C1.29375 8.55�0�0�05 5 1.�0�0�0�09 8.54462 2 2 1.85355 5 5 8.54464H1.85(��)�5C2.45892 2 8.59(��R)�1 2.775 9.182 2 2 2.775 9.184C3.075 9.702 2 2 3.47679 9.85445 5 3.�0�0�0571 9.85446C4.�695 5 9.85445 5 4.37142 2 9.76�0�0�0�09 4.(�yr)�142 2 9.69375C4.575 9.29�0�02 4.�0�0�0�05 5 9.(��e)�679 4.DS179 8.87143C3.57052 2 2 8.05 5 5 2.16962 2 2 8.18�0�0�09 2.16962 2 2 5.�0�0�0(�*h)�5C2.16962 2 2 5.15892 2 2.40268 4.0982 2.78571 4.18(�*h)�5C2.(�]y)�1 4.(��e)�589 2.�785 5 3.391 2.84462 2 2 2.55268C2.84462 2 2 2.55268 2.8875(��N)�.53929(��N)�.97857(��N)�.53929�0�0�0�0.19554(��N)�.53929�0�0�0�0�0.685(��N)�.6(� g)�(�>y)� 4.49464�0�0�0�0�0.184(��R)�C4.974��0�0�0�0�0.048 5.485(��N)�.925 5.997(�>y)�(��N)�.97857C6.50625(��N)�.925 7.02054�0�0�0�0�0.048 7.5�0�0�0�0�0.184(��R)�C8�0�0�0�0�008�0�0�0(��N)�.6(� g)�(�>y)� 8.799�(��N)�.53929 9.01607(��N)�.53929C9.10714(��N)�.53929 9.15 2.55268 9.15(��N)�.5(�yr)�68C9.47679�0�0�0�0�0�0�0�0�0�099� 9(�ё)�7054 4.02589 9(�ё)�08�0�0�0 4.125C9.596 4.6(�*h)�5 9.(��R)�5 5.16161 9.(��R)�5 5.�0�0�0(�*h)�5C9.(��R)�5 8.19375 8.(� T)�142 2 8.�0�0�0�09 7.08482 8.8607C7.291 9.05(��)�5 7.49195 5 9.�0�0�0�0�0(�*h)�5 7.49195 5 10.0045C7.49195 5 10.8268 7.48392 2 �.41 7.48392 2 �.6(��N)�C7.4�0�0�0�0�0�0 11.�0�0�066 7.56696 12 7.78(��N)�9 (�*h)�C7.8�0�0�0�0�0 12 7.85892 2 �.9972 2 7.89642 2 �.9893C10(�ё)��0�0�0 11.175 (�*h)� 8.86875 12 6.15268C(�*h)�(��N)�.75625 9�0�0�0�0�0�0�039 0 6 0Z" fill="#�0�0849A">�_path></svg></a></div></div></div><di6�class="playground__code-block"></div></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="テーマ">テーマ<a href="#テーマ" class="hash-link" aria-label="テーマへの直接リンク" title="テーマへの直接リンク">�_a>�_> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="colors">Colors<a href="#colors" class="hash-link" aria-label="Colors への直接リンク" title="Colors への直接リンク"></a></h3>  <div class="playground"><div class="playground__container"><di6�class="playground__control-toolbar"><div class="playground__control-group"><button title="Show Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular�_button><button title="Show JavaScrip4�code" class="playground__control-button" data-text="JavaScript">JavaScript�_button><button title="Show React code" class="playground__control-button" data-text="React">React</button><button title="Sho7�Vue code" class="playground__control-button" data-text="Vue">Vue�_button></div><di6�class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS�_button><button title="MD mode" class="playground__control-button" data-text="MD">MD</button>�_div><div class="playground__control-grou0�playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path d="M5.538(�*h)� 5.917�0�0�0�0�0L7.52915 1 8.01835H4.42601L2.42601 13L9 5.743H5.�0�0�02Z" stroke="#73849A" stroke-linejoin="round"></path>�_svg>�_button><button class="playground__icon-button playground__icon-button--primary playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M2.06667 9V9.47756 9 1 8.5(� g)�44 1 7.9�0�0�0�0�0�0�0�0�0�0�0�0�0 1.895�0�0�0�0�0 1.895�0�0�0�0�0 1�0�0�0�0�0 1H7.9�0�0�0�0�0�0�0�0C8.5(� g)�44 1 9 1.47756 9(��N)�.066672�6�.06667" stroke="current"></path><rec4�x=�0�0�0" y=�0�0�0" width="8" height="8" rx="1.5" stroke="current"></rect>�_svg>�_button><button class="playground__icon-button"><svg aria-hidden="true" width="10" height="(�*h)�" viewBox="0 0 10 (�*h)�" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2(�ё)�(� g)�15(��N)�.9(��)�47�0�0�0�0.0442 2 2 2.(� T)�(��e)�5 4.01109 2.�0�0082 2 2 5 2.�0�0084C5.�0�0�0�0�0�0�0�08 2.�0�0082 2 2 6.08145 5 2.15202 6.39(�>y)�1 2.18�5C6.68142 2.77 6.948(��N)�(�ё)�65 7.08584(��N)��0�0�0�0�0�0�0�0�0�0(��N)�C7.17445(��N)�.41686 7�0�0�0�0�01584(��N)�.52988 7�0�0�0�0�0(�yr)�(��N)�.73039C7�0�0�0�0�08869(��N)�.9�� 7(�ё)�94(��e)��0�0�0�0�0.07964 7(�ё)�55�0�0�0�0�0.14415C7.18678�0�0�0�0�0(�ё)��49 7.126�0�0�0�0�0(�ё)�5445 7.09468�0�0�0�0�0(�ё)�75C7.076(�>y)��0�0�0�0�0(�ё)�8704 7.0001�0�0�0�0�0(�ё)�9656 7.04754�0�0�0�0�0�0�0�0�0�0�0�045C7.02 3.30695 5 7.�0�0555 5 5 3.30995 7.�0�0082 3.�24C7.029�0�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017 7.027(��N)��0�0�0�0�0�0�0�0�0�0�0�089 7.0265 5 3.�456C7.(��e)�58�0�0�0�0�0�0�0�0�0�01496 7.025�0�0�0�0�0�0�0�0�0�0�0�01535 7.02429�0�0�0�0�0�0�0�0�0�015(�]y)�C7.0�0�0�0�0�0��0�0�0�0�0�0�0�0�0�016 7.0(� g)�38�0�0�0�0�0�0�0�0�0�01667 7.05 3.�L7.020�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017�0�0C7.01994�0�0�0�0�0�0�0�0�0�01787 7.01905�0�0�0�0�0�0�0�0�0�018� 6.81818(��N)�.91589L7.01905�0�0�0�0�0�0�0�0�0�018�C6.7�0�0�085�0�0�0�0�0.42779 6.536�0�0�0�0�0�0�0�0�0�03637 6.410�0�0�0�0�0�0�0�0�0�0.114(�*h)�C6.406(��)��0�0�0�0�0.1065 6.40305 3.09881 6.39972 3.09108C6.36(��R)�9 3.08669 6.�0�0�0�0282 2 2 3.08(� g)�2 2 2 6.29298 3.07787C6.(��e)�849 3.04892 5.�972 2 2 3.(��e)�AS2 2 2 5 3.(��e)�AS4C4.1909�0�0�0�0�0.02804�0�0�0�0�0�0�0�0�0�09996�0�0�0�0�0(�ё)�64(��R)�(��N)�.727�0�0�0�0�0.70846(��)�.05447 4.1(�yr)�09 1.530�0�0 4.7(��R)�64 1(�ё)�2049 5.52038C0.910862 2 2 6.252 0.(��R)�985 7.0699 0.987699 7.85307C1.14555 8.�0�0�0�0�0(��)�5 1.�0�0�0�5 5 5 9.35562 2 2 2.10(�]y)�9 9.(��N)�(��e)�8C2.67942 10.4849 3.40�0�0�05 10.8692 2 2 4.2019 11.(��e)�(�yr)�C4.99546 11.181 5.AS1 �.1011 6.56552 10.7955C7.�302 2 2 10.4899 7.95195 9.97241 8.40145 5 5 9.30847C8.85098 8.64452 9.09091 7.86392 2 2 9.09091 7.06542C9.09091 6.765 5 5 9.29442 6.�682 9.54545 6.�682C9.79649 6.�682 10 6.81767 10 7.06542C10 8.039 9.70675 8.99544 9.15735 9.806(��N)�C8.60794 10.�84 7.82705 11.2509 6.9�0�0(� T)� 11.(��)�44C5.99979 11.9979 4.99445 12.0956 4.02455 11.DS(�yr)��0�0�0�0.05464 11.48(��N)�.1�0�0�0�0�0�0�0 11.2448 1.46447 10.5547C0.765205 5 9.86458 0.28DS(��e)� 8.985(�>y)� 0.0960758 8.028�C-0.0968502 7.07089 0.006639 6.078 0�0�0�0�0�0AS05 5.17704C0.75DS�0�0�0�0�0 4(�ё)�7536 1�0�0�0�0�0999 3.50469 2.(� g)�5 2.96247Z" fill="#73849A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.�0�0�0�0C4.8561 -0.0�0�0�0�0�079 5.1�0�0�0�0�09 -0.0�0�0�0�0�079 5�0�0�0�0�0 0.1�391L7.592 2 2 2.37�0�0�0�0�08C7.77165 2.54955 5 5 7.77165 2.�0�0�0361 7.592 2 2 3.00879L5.(�>y)�141 5.25178C5.1439 5.42697 4.8561 5.(� T)�695 5 5 4.67859 5.25178C4.50108 5.0766 4.50108 4.7(��N)�56 4.67859 4.61737L6.6299 2.69159L4.67859 0.765805C4.50108 0.5DS�5 5 4.50108 0.30658 4.67859 0.�0�0�0�0Z" fill="#�0�0849A">�_path></svg></button><a class="playground__icon-button" href="httpsa_/github.co�wionic-team/ionic-doctzissues/new/choose" aria-label="Repor4�an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M5 5 0C2.68661 0 0 2.75(��)�5 0 6.15268C0 8.87142 2 1.962 2 2 �.175 4.1�0�057 11.98�0�0�0C4.107 11.99�0�0 4.1�0�0 12 4.20�0�0�05 5 (�*h)�C4.42768 12 4.��0�0�0�09 �.8365 5 4.��0�0�0�09 �.6946C4.��0�0�0�09 �.5472 2 4.50AS2 2 2 �.1�5 5 4.50�0�0�05 5 10.6473C4.28�0�05 5 10.6982 4.07945 5 10.7195 5 3.9 10.7196C2.74552 2 2 10.7195 5 2.48302 2 2 9.(��R)��0�0�0�0�02 2.48302 2 2 9.(��R)��0�0�0�0�02C2.20982 9.�25 1.81607 8.9(� g)�(�>y)� 1.81607 8.9(� g)�(�>y)�(�ё)��0�0�075 8.55536 1.8�0�039 8.54464 1.8�0�0�057 8.54464.85625(��)�.458�0�0�0 8.598(��N)�.775 9.1(��R)�14(��N)�.775 9.1(��R)�14�0�0�0�0.075 9.70714�0�0�0�0�0.47679 9.85446�0�0�0�0�0.835 9.85446C4.11696 9.85446 4�0�0�0�0�0�0�0�0�0�0 9.7�0�0�0�0�039 4.5�0�0�0�0�0 9.6�0�0�075C4.575 9(�ё)�97(�>y)� 4.73036 9.02679 4.90179 8.8�0�0�0�0�0�0�0�0�0.57054 8.71607(��N)�.16964 8.18839(��N)�.16964 5.8�25(��)�.16964 5.158�0�0�0(��N)�.4(��e)�68 4.609(��R)�(��N)�.785 4.125(��)�.724� 4.02589(��N)�.51786�0�0�0�0�0�0�0�0�0�099�(��N)�.84464(��N)�.5(�yr)�68(��)�.84464(��N)�.5(�yr)�68(��N)�.8875 2.�0�0�0(��N)�9 2.97855 5 5 2.�0�0�0(��N)�9C3.19552 2 2 2.�0�0�0(��N)�9 3.68571 2.(��)��0�0�0�0�02 4.49462 2 2 3.18482C4.971 3.04(��R)�1 5.48571 2.98(�*h)�5 5.99�0�02 2.97857C6.50(��)�5 2.98(�*h)�5 7.(��e)�052 2 2 3.04(��R)�1 7.5 3.18482C8.30892 2 2.(��)��0�0�0�0�02 8.791 2.�0�0�0(��N)�9 9.0105 5 5 2.�0�0�0(��N)�9C9.102 2 2 2.�0�0�0(��N)�9 9.15(��N)�.5(�yr)�68 9.15 2.55268C9.47679 3.391 9.27052 2 2 4.(��e)�589 9.20892 2 4.18(�*h)�5C9.59195 5 4.�25 9.825 5.1�� 9.825 5.8�25C9.825 8.1�0�0�075 8.4�0�0�0�0�0 8.7�0�039 7.084(��R)� 8.86607C7(�ё)�99� 9.05625 7.496 9.4�25 7.496 10.0045C7.496 10.(��R)�68 7.4�0�0�0�0�0�0 11.49� 7.4�0�0�0�0�0�0 11.692C7.48392 2 �.8365 5 7.56695 5 (�*h)� 7.78929 12C7.(��R)�142 2 (�*h)� 7.858�0�0�0 11.99�0�0 7.896�0�0�0�0�0 11.98�0�0�00.282 2 �.175 12 8.86875 (�*h)� 6.1(�yr)�682 2.75(��)�5 9.��0�0�0�09 0 5 5 0Z" fill="#73849A"></path>�_svg>�_a>�_div>�_div>�_div><div class="playground__code-block">�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cssカスタムプロパティ">CSSカスタムプロパティ<a href="#cssカスタムプロパティ" class="hash-link" aria-label="CSSカスタムプロパティへの直接リンク" title="CSSカスタムプロパティへの直接リンク">�_a>�_> �-- --> <di6�class="playground"><di6�class="playground__container"><div class="playground__control-toolbar"><di6�class="playground__control-group"><button title="Sho7�Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular</button><button title="Sho7�JavaScript code" class="playground__control-button" data-text="JavaScript">JavaScript</button><button title="Sho7�Reac4�code" class="playground__control-button" data-text="React">React�_button><button title="Show Vue code" class="playground__control-button" data-text="Vue">Vue</button>�_div><div class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS</button><button title="MD mode" class="playground__control-button" data-text="MD">MD�_button></div><di6�class="playground__control-group playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="1."."." height="14" viewBox="0 0 10 14" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path d="M5.�0�0�02 5.743L7.(�yr)�5 1L1 8.01�0�0�05H4.(� T)�01L2.(� T)�01 �0�0L9 5.917�0�0�0�0�0H5.538(�*h)�Z" stroke="#�0�0849A" stroke-linejoin="round">�_path></svg></button><button class="playground__icon-button playground__icon-button--primar9�playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M2.06665 5 5 9V9C1.47755 5 9 1 8.(�yr)�242 2 2 1 7.�0�0�0�0�0�0�03V3C1 1.89542 2 1.89542 2 1 2 2 1H7.�0�0�0�0�0�0�03C8.(�yr)�242 2 2 1 9 1.47755 5 9 2.06667V2.06667" stroke="current">�_path><rect x="3" y="3" width="8" height="8" rx="1.5" stroke="current">�_rect></svg></button><button class="playground__icon-button"><svg aria-hidden="true" width="1."."." height="12" viewBox="0 0 10 12" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.(� g)�5 2.96247C3.0444(��N)�.42025 4.0�09(��N)�.13084 5(��N)�.13084C5.63538(��N)�.13084 6.046(��N)�.1(�yr)�(��e)� 6�0�0�0�0�0�0�0�0(��N)�.18615C6.6(� T)�(��N)�(�ё)�175 5 5 6.(��N)�148 2.26571 7.08582 2 2 2.36392C7.17445 2.685 5 7.�582 2 2 2.(�yr)�988 7.35(� g)�1 2.�0�0�0�09C7.38869 2.�0�0�0151 7.29402 3.07962 2 2 7.24155 3.145C7.18678 3.149 7.(�*h)�5 5 3.25445 7.09468 3.275C7.07�0�0�0�0�02 3.28702 2 2 7.06001 3.29655 5 7.04752 2 2 3.30345C7.04(�*h)��0�0�0�0�0�0�0�0�0�00696 7.03557�0�0�0�0�0�0�0�0�0�00995 7.030(��R)��0�0�0�0�0�0�0�0�0�0(�*h)�4C7.(��e)��0�0�02 2 3.��5 5 5 7.(��e)�792 3.�389 7.(��e)�66�0�0�0�0�0�0�0�0�0�01456C7.0258 3.�495 5 7.(��e)�502 2 3.��0�0�05 7.(��e)�(� T)�9 3.�572C7.(��e)��0�0�0�01 3.�(��)�1 7.(��e)��0�0�0�0�08 3.�665 5 5 7.(��e)�15�0�0�0�0�0�0�0�0�0�0171L7.(��e)�(��e)�2 2 3.�773C7.01992 2 2 3.�785 5 5 7.01DS5 3.��0�0�01 6.8 2.589L7.01DS5 3.��0�0�01C6.79385 3.(� T)�779 6.(�yr)��0�05 5 3.�0�0�0�0�0�0�0�0�05 5 5 6.042 2 3.�2C6.40662 3.1065 6.4�0�005�0�0�0�0�0.098 6�0�0�0�0�099(�]y)��0�0�0�0�0.008C6�0�0�0�0�06829�0�0�0�0�0.08669 6�0�0�0�0�0(�>y)�84�0�0�0�0�0.0(��R)�24 6(�ё)�(��N)�98�0�0�0�0�0.07787C6.02849�0�0�0�0�0.048(��N)� 5.61974�0�0�0�0�0.02804 5�0�0�0�0�0.02804C4.1DS9 3.(��e)�AS2 2 2 3.39995 5 3.26482 2.(�]y)�(�]y)�1 3.70846C2.05445 5 5 4.15209 1.�0�0�0012 2 4.78262 2 2 1.(� g)�049 5.(�yr)��0�08C0.0864 6(�ё)�58(�*h)� 0.82985 7.0699 0.987699 7.8�0�0�007.14555 8.63625 1.53517 9�0�0�0�0�05564(��N)�.10729 9.92028(��)�.679(� T)� 10.4849�0�0�0�0�0.40835 10.8694 4(�ё)�019 �.0252C4.99545 5 �.1 5.81801 11.10� 6.565(�yr)� 10.7955C7�0�0�0�0�0�0�004 10.4899 7.9�95 9.9(�]y)� 8.40147 9�0�0�0�0�00847C8.85098 8.644(�yr)� 9.0DS 7.8�0�0�0�0�094 9.0DS 7.065(� T)�C9.0DS 6.81767 9(�ё)�94(� T)� 6.616(��R)� 9.54545 6.616(��R)�C9.79649 6.616(��R)� 10 6.765 5 5 10 7.065(� T)�0 8.04�0�09 9.70675 8.99542 2 2 9.15�0�05 9.AS692C8.0792 2 2 10.6182 2 2 7.(��R)�705 �(�ё)�509 6.342 �.6244C5.99979 �.9979 4.99445 (�*h)�.0955 5 4.(��e)�455 �.9052C3.05462 2 2 �.7148 2.16372 2 �(�ё)�448 1.46445 5 5 10.5547C0.76(�yr)�06 9.86458 0(�ё)�89002 8.98�0�0�02 0.090758 8.(��e)�1C-0.09685(��e)� 7.07089 0.0(��e)�16�0�0�0�0�09 6.07871 0.380605 5.17704C0.759042 2 4.27�0�0�05 5 1.3999�0�0�0�0�0.50469(��N)�(�ё)�(� g)�15(��N)�.9(��)�47Z" fill="#�0�0849A">�_path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.1�391C4.85� -0.0437971 5.1439 -0.0437971 5.(�>y)�141 0.�0�0�0�0L7.59414(��N)��0�0�0�0�07438C7.765(��N)�.54957 7.765(��N)�.8�0�0�0�0� 7.59414�0�0�0�0�0.00879L5�0�0�0�0�0 5(�ё)��78C5.1�0�0�0�0�09 5.(� T)�695 5 5 4.85� 5.42697 4.67859 5(�ё)��78C4.50108 5.0765 5 4.50108 4.79255 5 4.67859 4.��0�07L6.(��)�99(��N)�.659L4.67859 0.765AS5C4.50108 0.590616 4.50108 0�0�0�0�0�00658 4.67859 0.1�391Z" fill="#73849A"></path>�_svg>�_button><a class="playground__icon-button" href="https:�]github.com/ionic-tea�wionic-docs/issuetzne�|choose" aria-label="Report an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M6 0(��)�.686� 0 0(��N)�.75625 0 6.1(�yr)�68C0 8.8�0�0�0�0�0 1.71964 11.175 4.10355 5 5 �.9893C4.14105 5 5 �.9972 2 4.17(�>y)�1 (�*h)� 4(�ё)�0536 12C4.(� T)�768 (�*h)� 4.5�0�039 11.�0�0�066 4.5�0�039 11.6946C4.5�0�039 11.54�0�0 4.50804 11.1616 4.50536 10.64�0�0C4(�ё)�AS36 10.69(��R)� 4.07946 10.96�0�0�0�0�0.9 10.96(��)�.74554 10.96(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��)�(�ё)�09(��R)� 9.1(�*h)�5 1.05 5 5 8.(��N)��0�0�0�0�02 1.05 5 5 8.(��N)��0�0�0�0�02C1.29375 8.55�0�0�05 5 1.�0�0�0�09 8.54462 2 2 1.85355 5 5 8.54464H1.85(��)�5C2.45892 2 8.59(��R)�1 2.775 9.182 2 2 2.775 9.184C3.075 9.702 2 2 3.47679 9.85445 5 3.�0�0�0571 9.85446C4.�695 5 9.85445 5 4.37142 2 9.76�0�0�0�09 4.(�yr)�142 2 9.69375C4.575 9.29�0�02 4.�0�0�0�05 5 9.(��e)�679 4.DS179 8.87143C3.57052 2 2 8.05 5 5 2.16962 2 2 8.18�0�0�09 2.16962 2 2 5.�0�0�0(�*h)�5C2.16962 2 2 5.15892 2 2.40268 4.0982 2.78571 4.18(�*h)�5C2.(�]y)�1 4.(��e)�589 2.�785 5 3.391 2.84462 2 2 2.55268C2.84462 2 2 2.55268 2.8875(��N)�.53929(��N)�.97857(��N)�.53929�0�0�0�0.19554(��N)�.53929�0�0�0�0�0.685(��N)�.6(� g)�(�>y)� 4.49464�0�0�0�0�0.184(��R)�C4.974��0�0�0�0�0.048 5.485(��N)�.925 5.997(�>y)�(��N)�.97857C6.50625(��N)�.925 7.02054�0�0�0�0�0.048 7.5�0�0�0�0�0.184(��R)�C8�0�0�0�0�008�0�0�0(��N)�.6(� g)�(�>y)� 8.799�(��N)�.53929 9.01607(��N)�.53929C9.10714(��N)�.53929 9.15 2.55268 9.15(��N)�.5(�yr)�68C9.47679�0�0�0�0�0�0�0�0�0�099� 9(�ё)�7054 4.02589 9(�ё)�08�0�0�0 4.125C9.596 4.6(�*h)�5 9.(��R)�5 5.16161 9.(��R)�5 5.�0�0�0(�*h)�5C9.(��R)�5 8.19375 8.(� T)�142 2 8.�0�0�0�09 7.08482 8.8607C7.291 9.05(��)�5 7.49195 5 9.�0�0�0�0�0(�*h)�5 7.49195 5 10.0045C7.49195 5 10.8268 7.48392 2 �.41 7.48392 2 �.6(��N)�C7.4�0�0�0�0�0�0 11.�0�0�066 7.56696 12 7.78(��N)�9 (�*h)�C7.8�0�0�0�0�0 12 7.85892 2 �.9972 2 7.89642 2 �.9893C10(�ё)��0�0�0 11.175 (�*h)� 8.86875 12 6.15268C(�*h)�(��N)�.75625 9�0�0�0�0�0�0�039 0 6 0Z" fill="#�0�0849A">�_path></svg></a></div></div></div><di6�class="playground__code-block"></div></div> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-shadow-parts">CSS Shado7�Parts<a href="#css-shadow-parts" class="hash-link" aria-label="CSS Shado7�Parts への直接リンク" title="CSS Shadow Parts への直接リンク"></a></h3>  <div class="playground"><div class="playground__container"><di6�class="playground__control-toolbar"><div class="playground__control-group"><button title="Show Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular�_button><button title="Show JavaScrip4�code" class="playground__control-button" data-text="JavaScript">JavaScript�_button><button title="Show React code" class="playground__control-button" data-text="React">React</button><button title="Sho7�Vue code" class="playground__control-button" data-text="Vue">Vue�_button></div><di6�class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS�_button><button title="MD mode" class="playground__control-button" data-text="MD">MD</button>�_div><div class="playground__control-grou0�playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path d="M5.538(�*h)� 5.917�0�0�0�0�0L7.52915 1 8.01835H4.42601L2.42601 13L9 5.743H5.�0�0�02Z" stroke="#73849A" stroke-linejoin="round"></path>�_svg>�_button><button class="playground__icon-button playground__icon-button--primary playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M2.06667 9V9.47756 9 1 8.5(� g)�44 1 7.9�0�0�0�0�0�0�0�0�0�0�0�0�0 1.895�0�0�0�0�0 1.895�0�0�0�0�0 1�0�0�0�0�0 1H7.9�0�0�0�0�0�0�0�0C8.5(� g)�44 1 9 1.47756 9(��N)�.066672�6�.06667" stroke="current"></path><rec4�x=�0�0�0" y=�0�0�0" width="8" height="8" rx="1.5" stroke="current"></rect>�_svg>�_button><button class="playground__icon-button"><svg aria-hidden="true" width="10" height="(�*h)�" viewBox="0 0 10 (�*h)�" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2(�ё)�(� g)�15(��N)�.9(��)�47�0�0�0�0.0442 2 2 2.(� T)�(��e)�5 4.01109 2.�0�0082 2 2 5 2.�0�0084C5.�0�0�0�0�0�0�0�08 2.�0�0082 2 2 6.08145 5 2.15202 6.39(�>y)�1 2.18�5C6.68142 2.77 6.948(��N)�(�ё)�65 7.08584(��N)��0�0�0�0�0�0�0�0�0�0(��N)�C7.17445(��N)�.41686 7�0�0�0�0�01584(��N)�.52988 7�0�0�0�0�0(�yr)�(��N)�.73039C7�0�0�0�0�08869(��N)�.9�� 7(�ё)�94(��e)��0�0�0�0�0.07964 7(�ё)�55�0�0�0�0�0.14415C7.18678�0�0�0�0�0(�ё)��49 7.126�0�0�0�0�0(�ё)�5445 7.09468�0�0�0�0�0(�ё)�75C7.076(�>y)��0�0�0�0�0(�ё)�8704 7.0001�0�0�0�0�0(�ё)�9656 7.04754�0�0�0�0�0�0�0�0�0�0�0�045C7.02 3.30695 5 7.�0�0555 5 5 3.30995 7.�0�0082 3.�24C7.029�0�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017 7.027(��N)��0�0�0�0�0�0�0�0�0�0�0�089 7.0265 5 3.�456C7.(��e)�58�0�0�0�0�0�0�0�0�0�01496 7.025�0�0�0�0�0�0�0�0�0�0�0�01535 7.02429�0�0�0�0�0�0�0�0�0�015(�]y)�C7.0�0�0�0�0�0��0�0�0�0�0�0�0�0�0�016 7.0(� g)�38�0�0�0�0�0�0�0�0�0�01667 7.05 3.�L7.020�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017�0�0C7.01994�0�0�0�0�0�0�0�0�0�01787 7.01905�0�0�0�0�0�0�0�0�0�018� 6.81818(��N)�.91589L7.01905�0�0�0�0�0�0�0�0�0�018�C6.7�0�0�085�0�0�0�0�0.42779 6.536�0�0�0�0�0�0�0�0�0�03637 6.410�0�0�0�0�0�0�0�0�0�0.114(�*h)�C6.406(��)��0�0�0�0�0.1065 6.40305 3.09881 6.39972 3.09108C6.36(��R)�9 3.08669 6.�0�0�0�0282 2 2 3.08(� g)�2 2 2 6.29298 3.07787C6.(��e)�849 3.04892 5.�972 2 2 3.(��e)�AS2 2 2 5 3.(��e)�AS4C4.1909�0�0�0�0�0.02804�0�0�0�0�0�0�0�0�0�09996�0�0�0�0�0(�ё)�64(��R)�(��N)�.727�0�0�0�0�0.70846(��)�.05447 4.1(�yr)�09 1.530�0�0 4.7(��R)�64 1(�ё)�2049 5.52038C0.910862 2 2 6.252 0.(��R)�985 7.0699 0.987699 7.85307C1.14555 8.�0�0�0�0�0(��)�5 1.�0�0�0�5 5 5 9.35562 2 2 2.10(�]y)�9 9.(��N)�(��e)�8C2.67942 10.4849 3.40�0�0�05 10.8692 2 2 4.2019 11.(��e)�(�yr)�C4.99546 11.181 5.AS1 �.1011 6.56552 10.7955C7.�302 2 2 10.4899 7.95195 9.97241 8.40145 5 5 9.30847C8.85098 8.64452 9.09091 7.86392 2 2 9.09091 7.06542C9.09091 6.765 5 5 9.29442 6.�682 9.54545 6.�682C9.79649 6.�682 10 6.81767 10 7.06542C10 8.039 9.70675 8.99544 9.15735 9.806(��N)�C8.60794 10.�84 7.82705 11.2509 6.9�0�0(� T)� 11.(��)�44C5.99979 11.9979 4.99445 12.0956 4.02455 11.DS(�yr)��0�0�0�0.05464 11.48(��N)�.1�0�0�0�0�0�0�0 11.2448 1.46447 10.5547C0.765205 5 9.86458 0.28DS(��e)� 8.985(�>y)� 0.0960758 8.028�C-0.0968502 7.07089 0.006639 6.078 0�0�0�0�0�0AS05 5.17704C0.75DS�0�0�0�0�0 4(�ё)�7536 1�0�0�0�0�0999 3.50469 2.(� g)�5 2.96247Z" fill="#73849A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.�0�0�0�0C4.8561 -0.0�0�0�0�0�079 5.1�0�0�0�0�09 -0.0�0�0�0�0�079 5�0�0�0�0�0 0.1�391L7.592 2 2 2.37�0�0�0�0�08C7.77165 2.54955 5 5 7.77165 2.�0�0�0361 7.592 2 2 3.00879L5.(�>y)�141 5.25178C5.1439 5.42697 4.8561 5.(� T)�695 5 5 4.67859 5.25178C4.50108 5.0766 4.50108 4.7(��N)�56 4.67859 4.61737L6.6299 2.69159L4.67859 0.765805C4.50108 0.5DS�5 5 4.50108 0.30658 4.67859 0.�0�0�0�0Z" fill="#�0�0849A">�_path></svg></button><a class="playground__icon-button" href="httpsa_/github.co�wionic-team/ionic-doctzissues/new/choose" aria-label="Repor4�an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M5 5 0C2.68661 0 0 2.75(��)�5 0 6.15268C0 8.87142 2 1.962 2 2 �.175 4.1�0�057 11.98�0�0�0C4.107 11.99�0�0 4.1�0�0 12 4.20�0�0�05 5 (�*h)�C4.42768 12 4.��0�0�0�09 �.8365 5 4.��0�0�0�09 �.6946C4.��0�0�0�09 �.5472 2 4.50AS2 2 2 �.1�5 5 4.50�0�0�05 5 10.6473C4.28�0�05 5 10.6982 4.07945 5 10.7195 5 3.9 10.7196C2.74552 2 2 10.7195 5 2.48302 2 2 9.(��R)��0�0�0�0�02 2.48302 2 2 9.(��R)��0�0�0�0�02C2.20982 9.�25 1.81607 8.9(� g)�(�>y)� 1.81607 8.9(� g)�(�>y)�(�ё)��0�0�075 8.55536 1.8�0�039 8.54464 1.8�0�0�057 8.54464.85625(��)�.458�0�0�0 8.598(��N)�.775 9.1(��R)�14(��N)�.775 9.1(��R)�14�0�0�0�0.075 9.70714�0�0�0�0�0.47679 9.85446�0�0�0�0�0.835 9.85446C4.11696 9.85446 4�0�0�0�0�0�0�0�0�0�0 9.7�0�0�0�0�039 4.5�0�0�0�0�0 9.6�0�0�075C4.575 9(�ё)�97(�>y)� 4.73036 9.02679 4.90179 8.8�0�0�0�0�0�0�0�0�0.57054 8.71607(��N)�.16964 8.18839(��N)�.16964 5.8�25(��)�.16964 5.158�0�0�0(��N)�.4(��e)�68 4.609(��R)�(��N)�.785 4.125(��)�.724� 4.02589(��N)�.51786�0�0�0�0�0�0�0�0�0�099�(��N)�.84464(��N)�.5(�yr)�68(��)�.84464(��N)�.5(�yr)�68(��N)�.8875 2.�0�0�0(��N)�9 2.97855 5 5 2.�0�0�0(��N)�9C3.19552 2 2 2.�0�0�0(��N)�9 3.68571 2.(��)��0�0�0�0�02 4.49462 2 2 3.18482C4.971 3.04(��R)�1 5.48571 2.98(�*h)�5 5.99�0�02 2.97857C6.50(��)�5 2.98(�*h)�5 7.(��e)�052 2 2 3.04(��R)�1 7.5 3.18482C8.30892 2 2.(��)��0�0�0�0�02 8.791 2.�0�0�0(��N)�9 9.0105 5 5 2.�0�0�0(��N)�9C9.102 2 2 2.�0�0�0(��N)�9 9.15(��N)�.5(�yr)�68 9.15 2.55268C9.47679 3.391 9.27052 2 2 4.(��e)�589 9.20892 2 4.18(�*h)�5C9.59195 5 4.�25 9.825 5.1�� 9.825 5.8�25C9.825 8.1�0�0�075 8.4�0�0�0�0�0 8.7�0�039 7.084(��R)� 8.86607C7(�ё)�99� 9.05625 7.496 9.4�25 7.496 10.0045C7.496 10.(��R)�68 7.4�0�0�0�0�0�0 11.49� 7.4�0�0�0�0�0�0 11.692C7.48392 2 �.8365 5 7.56695 5 (�*h)� 7.78929 12C7.(��R)�142 2 (�*h)� 7.858�0�0�0 11.99�0�0 7.896�0�0�0�0�0 11.98�0�0�00.282 2 �.175 12 8.86875 (�*h)� 6.1(�yr)�682 2.75(��)�5 9.��0�0�0�09 0 5 5 0Z" fill="#73849A"></path>�_svg>�_a>�_div>�_div>�_div><div class="playground__code-block">�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="プロパティ">プロパティ<a href="#プロパティ" class="hash-link" aria-label="プロパティへの直接リンク" title="プロパティへの直接リンク"></a></h2> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="buffer">buffer<a href="#buffer" class="hash-link" aria-label="buffer への直接リンク" title="buffer への直接リンク">�_a>�_1�6��p> <div class="table-wrapper"><table><tbody><tr><td><strong>Description�_strong></td><td>バッファと値ごより小さい場合、バッファの円が表示されます。バッファは[0, 1]の間である必要があります。�_td></tr><tr><td><strong>Attribute</strong>�_td><td><code>buffer</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong>Default�_strong></td><td><code>1</code>�_td></tr>�_tbody>�_table>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="color">color<a href="#color" class="hash-link" aria-label="color への直接リンク" title="color への直接リンク"></a></h3> <di6�class="table-wrapper"><table><tbody><tr><td><strong>Description</strong>�_td><td>アプリケーションのカラーパレットから使用する色を指定します。デフォルトのオプションは以下の通りです�2�<code>"primary"</code>, <code>"secondary"</code>, <code>"tertiary"�_code>, <code>"success"�_code>, <code>"warning"�_code>, <code>"danger"</code>, <code>"light"</code>, <code>"medium"�_code>, と <code>"dark"</code> です．色に関する詳しい情報は <a href= Ydocs/j�tdocs/theming/basics">theming�_a> を参照してください。</td>�_tr><tr><td><strong>Attribute�_strong></td><td><code>color</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>"danger" ｜ "dark"<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>��t�"light"<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>��t�"medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary"<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>��t�"warning"<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>��t�string ｜ undefined�_code></td>�_tr><tr><td><strong>Default�_strong></td><td><code>undefined</code>�_td></tr>�_tbody>�_table>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mode">mode<a href="#mode" class="hash-link" aria-label="mode への直接リンク" title="mode への直接リンク">�_a>�_1�6��p> <div class="table-wrapper"><table><tbody><tr><td><strong>Description�_strong></td><td>modeは、どのプラットフォームのスタイルを使用するかを決定します。<br><br>This is a <a href= Ydocs/j�tdocs/core-concepts/fundamentals#virtual-properties">virtual property�_a> tha4�is set once during initialization and will not update if you change its value after the initial render.</td>�_tr><tr><td><strong>Attribute�_strong></td><td><code>mode�_code></td>�_tr><tr><td><strong>Type</strong>�_td><td><code>"ios" ｜ "md"</code>�_td></tr><tr><td><strong>Default</strong>�_td><td><code>undefined�_code></td>�_tr></tbody></table></div> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="reversed">reversed<a href="#reversed" class="hash-link" aria-label="reversed への直接リンク" title="reversed への直接リンク"></a></h3> <di6�class="table-wrapper"><table><tbody><tr><td><strong>Description</strong>�_td><td>true の場合、プログレスバーの方向を反転させます。�_td></tr><tr><td><strong>Attribute</strong>�_td><td><code>reversed</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>boolean</code>�_td></tr><tr><td><strong>Default</strong>�_td><td><code>false�_code></td>�_tr></tbody></table></div> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="type">type<a href="#type" class="hash-link" aria-label="type への直接リンク" title="type への直接リンク"></a></h3> <di6�class="table-wrapper"><table><tbody><tr><td><strong>Description</strong>�_td><td>処理�にかかる時間が既知か否かに応じて、プログレスバーの状態を指定します。デフォルトのオプションは以下の通り。determinate"<code>(アニメーションなし),</code>"indeterminate"` (左から右へアニメーションする).�_td></tr><tr><td><strong>Attribute</strong>�_td><td><code>type</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>"determinate"<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>��t�"indeterminate"</code>�_td></tr><tr><td><strong>Default</strong>�_td><td><code>'determinate&#t�7;�_code></td>�_tr></tbody></table></div> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="value">value<a href="#value" class="hash-link" aria-label="value への直接リンク" title="value への直接リンク">�_a>�_1�6��p> <div class="table-wrapper"><table><tbody><tr><td><strong>Description�_strong></td><td>この値は、<code>type</code>が<code>"determinate"�_code>である場合に、アクティブバーをどれだけ表示するかを決定するものです。値は [0, 1] の間であるべきです。</td>�_tr><tr><td><strong>Attribute�_strong></td><td><code>value</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong>Default�_strong></td><td><code>0</code>�_td></tr>�_tbody>�_table>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="イベント">イベント<a href="#イベント" class="hash-link" aria-label="イベントへの直接リンク" title="イベン�8�への直接リンク">�_a>�_> <p>No events available for this component.�_p> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="メソッド">メソッド<a href="#メソッド" class="hash-link" aria-label="メソッドへの直接リンク" title="メソッ�9�への直接リンク">�_a>�_> <p>No public methods available for this component.�_p> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-shadow-parts-1">CSS Shadow Parts<a href="#css-shadow-parts-1" class="hash-link" aria-label="CSS Shadow Parts への直接リンク" title="CSS Shado7�Parts への直接リンク">�_a>�_> <div class="table-wrapper"><table><thead><tr><th>Name</th><th>Description</th>�_tr></thead><tbody><tr><td><code>progress�_code></td><td>type<code>が</code>"determinate"<code>のときは現在値を表示し、</code>type<code>が</code>"indeterminate"`のときは前後にスライドするプログレスバーです。</td>�_tr><tr><td><code>stream</code>�_td><td>バッファリング中に表示されるアニメーションの円です。これは <code>buffer</code> が設定され、<code>type</code> が <code>"determinate"�_code �のときのみ表示される。</td>�_tr><tr><td><code>track�_code></td><td>プログレスバーの後ろにあるトラックバーです。buffer<code>プロパティが設定され、</code>type<code>�=��_code>"determinate"<code>である場合、トラックは</code>buffer` 値の幅となる。</td>�_tr></tbody></table></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cssカスタムプロパティ-1">CSSカスタムプロパティ<a href="#cssカスタムプロパティ-1" class="hash-link" aria-label="CSSカスタムプロパティへの直接リンク" title="CSSカスタムプロパティへの直接リンク"></a></h2> <di6�class="tabs-container tabList__CuJ"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_LNqP tabs__item--active">iOS</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP">MD</li>�_ul><di6�class="margin-top--md"><di6�role="tabpanel" class="tabItem_Ymn6"><di6�class="table-wrapper"><table><thead><tr><th>Name�_th><th>Description�_th></tr>�_thead><tbody><tr><td><code>--background</code>�_td><td>プログレストラックの背景、または <code>buffer�_code �が設定されている場合はバッファバー。�_td></tr><tr><td><code>--progress-background</code>�_td><td>現在値を�表すプログレスバーの背景�_td></tr>�_tbody>�_table>�_div>�_div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><div class="table-wrapper"><table><thead><tr><th>Name</th><th>Description</th>�_tr></thead><tbody><tr><td><code>--background�_code></td><td>プログレストラックの背景、または <code>buffer</code> が設定されている場合はバッファバー。</td>�_tr><tr><td><code>--progress-background�_code></td><td>現在値を表すプログレスバーの背景�_td></tr>�_tbody>�_table>�_div>�_div>�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="slots">Slots<a href="#slots" class="hash-link" aria-label="Slots への直接リンク" title="Slots への直接リンク"></a></h2> <p>No slots available for this component.�_p>�_div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="ro7�margin-top--sm theme-doc-footer-edit-meta-row"><di6�class="col"><a href="httpsa_/crowdin.com/project/ionic-docs" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="none" width="14" height="14" viewBox="0 0 12 2 2 14" class="iconEdit_dqTn" aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg"><g><path d="M7 0�0�0�0�0.13438 0 0�0�0�0�0�0(�ё)�15�0�0�0�0�0 0 7.178�0�0C0 10.35(��N)�.00625 13.�0�075 4.7875 �0�0.9875C4.�0�0�0(�*h)�5 �0�0.9969 4.86875 14 4.90625 14C5.16562 2 14 5(�ё)�65(��)� 13.AS94 5(�ё)�65(��)� 13.6438C5(�ё)�65(��)� 13.4719 5(�ё)�5938 13.(��e)�19 5(�ё)�5625 12.(� T)�19C4.9�0�0�075 12.48(�*h)� 4.75938 12.50�0�0�0�0�0 4.55 (�*h)�.5063C3.20�2 2 (�*h)�.5062 2 2.89685 5 5 �.4592 2 2 2.89685 5 5 �.4594C2.572 10.6�2 2 2.�875 10.4092 2 2 2.�875 10.4094C1.50�0�0�08 9.98(�*h)�5 2.�562 9.96875 2.1625 9.96875H2.165�0�0�0�0�0(��)�.86875 10.�0�0(�*h)��0�0�0�0�0(�ё)�375 10.7(�*h)�5 3.�0�0�0�0�075 10.25�0�0�0�0.5875 ��0�0�0�0�025 4.05625 11.4969 4.475 11.4969C4.8�0�0(�*h)� 11.4969 5.1 11.3906 5(�ё)�75 11.3094C5�0�0�0�0�0375 10.8469 5.�875 10.5�2 5.875 10�0�0�0�0�05C4.16562 2 10.1688 2.�0�0�0(�*h)�5 9.55�2 2 2.�0�0�0(�*h)�5 6.AS�2C2.�0�0�0(�*h)�5 6.01875 2.AS�2 5.372 2 3.25 4.878�0�0�0�0�0�0.178(�*h)� 4.69688(��N)�.9375 3.96562 2 3.�875 2.973C3.�875 2.972 2 3.36875 2.9625�0�0�0�0�0.475(��N)�.9(��)�5C3.(�]y)�2 2.9625 4�0�0�0�0�0�0�0�0�0�0.05937 5(�ё)��0�0�0�0�075�0�0�0�0�0.715(��)�C5.8�0�0(�*h)��0�0�0�0�0.55625 6.4�0�0�0�0�0.478(�*h)� 6.99687�0�0�0�0�0.475C7.5DS(��)��0�0�0�0�0.478(�*h)� 8.1DS�0�0�0�0�0�0�0�0�0�0.55625 8.75 3.562C9.69375 3.05�0�0�05 5 5 10(�ё)�655 5 2.9625 10.�88(��N)�.9(��)�5C10.625(��N)�.9(��)�5 10.675(��N)�.978�0�0 10.675 2.973C�.0562 2 3.96562 2 10.8155 5 4.69688 10.7�0�0�0�0�05 5 5 4.873C�.1DS5 5 5.38(�*h)�5 �.4(��)�5 6.(��e)�185 5 5 �.4(��)�5 6.AS�2C�.4(��)�5 9.55�0�0�05 5 5 9.(��R)�5 10.1655 5 8.26562 10�0�0�0�0�0�0�0�0�0�08C8.�562 10.5655 5 8.74062 2 �.0�0�01 8.74062 2 �.69C8.74062 2 (�*h)�.6�2 2 8.�0�0(�*h)�5 �0�0.4062 8.�0�0(�*h)�5 �0�0.6406C8.�0�0(�*h)�5 �0�0.8092 2 2 8.(��R)�2 14 9.0875 14C9.125 12 2 2 9.16875 �0�0.9969 9.25 13.98751.9969 13.�0�075 12 2 2 10�0�0�0�0�0469 14 7.178�0�02 2 2 3.562 2 10.8655 5 0 5 5 5 0Z" fill="currentColor">�_path></g></svg>このページを編集</a></div><di6�class="col lastUpdated_JAkA"></div></div></footer>�_article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページ"><a class="pagination-nav__link pagination-nav__link--prev" href= Ydocs/j�tap}vloading"><di6�class="pagination-nav__sublabel">前へ</div><di6�class="pagination-nav__label">ion-loading</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/doctzja/api/skeleton-text"><div class="pagination-nav__sublabel">次へ�_div><div class="pagination-nav__label">ion-skeleton-text�_div>�_a>�_nav>�_div>�_div><div class="col col-�0�0�0�0"><div class="toc-wrapper"><>Contents</h2><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#determinate" class="table-of-contents__link toc-highlight">Determinate�_a><ul><li><a href="#buffer" class="table-of-contents__link toc-highlight">Buffer�_a>�_li></ul>�_li><li><a href="#indeterminate" class="table-of-contents__link toc-highlight">Indeterminate</a></li><li><a href="#progress-bars-in-toolbars" class="table-of-contents__link toc-highlight">Progress Bars in Toolbars�_a>�_li><li><a href="#テーマ" class="table-of-contents__link toc-highlight">テーマ</a><ul><li><a href="#colors" class="table-of-contents__link toc-highlight">Colors</a></li>�_ul></li><li><a href="#cssカスタムプロパティ" class="table-of-contents__link toc-highlight">CSSカスタムプロパティ�_a><ul><li><a href="#css-shadow-parts" class="table-of-contents__link toc-highlight">CSS Shadow Parts�_a>�_li></ul>�_li><li><a href="#プロパティ" class="table-of-contents__link toc-highlight">プロパティ</a><ul><li><a href="#buffer" class="table-of-contents__link toc-highlight">buffer</a></li><li><a href="#color" class="table-of-contents__link toc-highlight">color�_a>�_li><li><a href="#mode" class="table-of-contents__link toc-highlight">mode</a></li><li><a href="#reversed" class="table-of-contents__link toc-highlight">reversed�_a>�_li><li><a href="#type" class="table-of-contents__link toc-highlight">type</a></li><li><a href="#value" class="table-of-contents__link toc-highlight">value�_a>�_li></ul>�_li><li><a href="#イベント" class="table-of-contents__link toc-highlight">イベント</a></li><li><a href="#メソッド" class="table-of-contents__link toc-highlight">メソッド�_a>�_li><li><a href="#css-shadow-parts-1" class="table-of-contents__link toc-highlight">CSS Shado7�Parts</a></li><li><a href="#cssカスタムプロパティ-1" class="table-of-contents__link toc-highlight">CSSカスタムプロパティ�_a>�_li><li><a href="#slots" class="table-of-contents__link toc-highlight">Slots</a></li>�_ul></div><a href="https:�]crowdin.co�wprojec�zionic-docs" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="none" width="14" height="14" viewBox="0 0 14 14" class="iconEdit_dqTn" aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><g><path d="M5 5 5 0C3.�0�0�0�0�0�0�08 0 0 3.562 2 0 7.173C0 10�0�0�0�0�05 2.00(��)�5 �0�0.0375 4.7875 13.9875C4.8�25 13.9969 4.86875 12 2 2 4.DS(��)�5 14C5.165�0�0�0�0�0 12 2 2 5.26562 �0�0.8092 2 2 5.26562 �0�0.6�0�0�0�0�08C5.26562 �0�0.49 5.25�0�0�08 �0�0.09 5.25(��)�5 (�*h)�.49C4.99375 (�*h)�.42 4.75�0�0�08 (�*h)�.5062 2 4.55 12.50�0�0�0�0�0�0�0�0�0(�ё)��0�0�0�0 12.50�0�0�0�0�0(��N)�.89687 11.4594(��N)�.89687 11.4594(��)�.578(�*h)� 10.�0�0�0�0�0�0�0(��N)�.11875 10.4094(��N)�.11875 10.4094.50938 9.925(��N)�.115(��)� 9.96875(��N)�.1(��)�5 9.96875H2.16563C2.86875 10.0�2 3.�0�0�0�0�075 10.25�0�0�0�0�0(�ё)�375 10.7(�*h)�5C3.5875 11.(�>y)�5 4.05(��)�5 �.4969 4.475 �.4969C4.AS�2 �.4969 5.1 ��0�0�0�0�0DS5 5 5.275 ��0�0�0�0�0094C5.�0�0�0�075 10.8469 5.51875 10.�0�0�0(�*h)� 5.71875 10.35C4.165�0�0�0�0�0 10.1688(��N)�.5�25 9.5�0�0�0�0�0(��N)�.5�25 6.8�0�0(�*h)�(��)�.5�25 6.01875(��N)�.8�0�0(�*h)� 5�0�0�0�0�078�0�0�0�0�0�0�0(�ё)�5 4.873C3.172 4.69688 2.�0�0�075�0�0�0�0�0.965�0�0�0�0�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�0�06875(��N)�.9(��)�5 3.475 2.9625�0�0�0�0.728(�*h)�(��N)�.9(��)�5 4.2 2 3.05�0�0�05 5 5 5.24375 3.562C5.AS�2 3.55(��)�5 6.2 2 2 3.472 6.99685 5 5 3.475C7.59062 3.472 8.19062 2 3.55(��)�5 8.75�0�0�0�0�0.715(��)�C9.6�0�0�075�0�0�0�0�0.05937 10.2656(��N)�.9(��)�5 10.5188 2.96250.(��)�5 2.9625 10.675 2.972 2 10.675(��N)�.978�0�01.05�0�0�0�0�0�0�0�0�0�0.965�0�0�0�0�0 10.56 4.69688 10.7437 4.878�0�01.1906 5�0�0�0�0�025 11.4625 6.087 11.4625 6.8�0�0(�*h)�1.4625 9.55937 9.825 10.1656 8(�ё)�65(��)� 10.3438C8.515(��)� 10.5656 8.740�0�0�0�0�0 11.00� 8.740�0�0�0�0�0 11.6719C8.740�0�0�0�0�0 12.�0�0�0�0�0�0�0 8.7�25 13.40(��)� 8.7�25 13.6406C8.7�25 13.AS94 8.828(�*h)� 12 2 2 9.0875 14C9.(�*h)�5 14 9.16875 13.9969 9(�ё)�(�*h)�5 �0�0.9875C�.9969 �0�0.0375 14 10.3469 12 2 2 7.173C14�0�0�0�0�0(�ё)�15�0�0�0�0�0 10.8656 0 7 0Z" fill="currentColor"></path>�_g>�_svg>このページを編集�_a>�_div>�_div>�_div>�_div>�_main></div></div></div></div></div> �_body> �_html<�/�d�i�v�>�<�d�i�v� �c�l�a�s�s�=�"�n�a�k�e�d�_�c�t�r�l�"�>� �<�f�o�r�m� �a�c�t�i�o�n�=�"�/�i�n�d�e�x�.�c�g�i�/�c�o�n�t�r�a�s�t�"� �m�e�t�h�o�d�=�"�g�e�t�"� �n�a�m�e�=�"�g�a�t�e�"�>� �<�p�>�<�a� �h�r�e�f�=�"�h�t�t�p�:�/�/�a�l�t�s�t�y�l�e�.�a�l�f�a�s�a�d�o�.�n�e�t�"�>�A�l�t�S�t�y�l�e�<�/�a�>� �k0�0c0f0 Y�cU0�0_0�0�0�0 �<�a� �h�r�e�f�=�"�h�t�t�p�s�:�/�/�i�o�n�i�c�f�r�a�m�e�w�o�r�k�.�c�o�m�/�d�o�c�s�/�j�a�/�a�p�i�/�p�r�o�g�r�e�s�s�-�b�a�r�"�>�(�-�&�g�t�;��0�0�0�0�0)�<�/�a�>� �/� �<�l�a�b�e�l�>��0�0�0�0:� �<�i�n�p�u�t� �t�y�p�e�=�"�t�e�x�t�"� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�u�r�l�"� �v�a�l�u�e�=�"�h�t�t�p�s�:�/�/�i�o�n�i�c�f�r�a�m�e�w�o�r�k�.�c�o�m�/�d�o�c�s�/�j�a�/�a�p�i�/�p�r�o�g�r�e�s�s�-�b�a�r�"� �s�i�z�e�=�"�2�2�"� �/�>�<�/�l�a�b�e�l�>� �<�l�a�b�e�l�>��0�0�0:� �<�s�e�l�e�c�t� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�m�o�d�e�"�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�d�e�f�a�u�l�t�"�>��0�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�s�p�e�e�c�h�"�>��X�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�r�u�b�y�"�>��0�0�NM0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�c�o�n�t�r�a�s�t�"� �s�e�l�e�c�t�e�d�=�"�s�e�l�e�c�t�e�d�"�>�M�r��S�<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�l�a�r�g�e�r�-�t�e�x�t�"�>��eW[�b'Y<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�m�o�b�i�l�e�"�>��0�0�0�0<�/�o�p�t�i�o�n�>� �<�/�s�e�l�e�c�t�>� �<�i�n�p�u�t� �t�y�p�e�=�"�s�u�b�m�i�t�"� �v�a�l�u�e�=�"�h�:y"� �/�>� �<�/�p�>� �<�/�f�o�r�m�>� �<�/�d�i�v�>� � � �

�doctype html> ion-progress-bar: Ap0�Progress Bar for Loading Indicator�_title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale�"><meta data-rh="true" property="og:url" content="https:�]ionicframework.com/doctzja/api/progress-bar"><meta data-rh="true" property="og:locale" content="ja"><meta data-rh="true" property="og:locale:alternate" content="en"><meta data-rh="true" name="docusaurus_locale" content="ja"><meta data-rh="true" name="docsearch:language" content="ja"><meta data-rh="true" name="og:image" content="https:�]ionicframework.com/doctzim�umeta/open-graph.png"><meta data-rh="true" name="twitter:image" content="https:�]ionicframework.com/doctzim�umeta/open-graph.png"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" name="twitter:domain" content="ionicframework.com"><meta data-rh="true" name="twitter:site" content="@ionicframework"><meta data-rh="true" name="twitter:creator" content="ionicframework"><meta data-rh="true" name="fb:page_id" content="�0�0�0�0�06767955949"><meta data-rh="true" name="og:type" content="website"><meta data-rh="true" name="og:site_name" content="Ionic Framework Docs"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="ion-progress-bar =�Ionic Framework"><meta data-rh="true" property="og:description" content="ion-progress-bar: App Progress Bar for Loading Indicator"><meta data-rh="true" name="description" content="ion-progress-barは、水平方向の読み込みインジケーターで、フォームの送信や更新の保存など、進行中のアプリ処理のステータスをユーザーに知らせます。"><link data-rh="true" rel="icon" href= Ydocs/j�tim�umeta/favicon-96x96.png"><link data-rh="true" rel="canonical" href="httpsa_/ionicframework.co�wdocs/j�tap}vprogress-bar"><link data-rh="true" rel="alternate" href="httpsa_/ionicframework.co�wdocs/api/progress-bar" hreflang="en"><link data-rh="true" rel="alternate" href="https:�]ionicframework.com/doctzja/api/progress-bar" hreflang="ja"><link data-rh="true" rel="alternate" href="https:�]ionicframework.com/doctzap}vprogress-bar" hreflang="x-default"><link data-rh="true" rel="preconnect" href="httpsa_/O9QSL985BS-dsn.algolia.net" crossorigin="anonymous"><link rel="preconnect" href="https:�]www.googletagmanager.com"> <script>window.dataLayer=window.dataLayer||[]�_script> <script>!function(e,t,a,n){e[n]=e[n]||[],e[n].push({"gtm.start":(new Date).getTime(),event:"gtm.js"});var g=t.getElementsByTagName(a)[0],m=t.createElement(a);m.async=!0,m.src="https:�]www.googletagmanager.com/gtm.js?id=GTM-TKMGCBC",g.parentNode.insertBefore(m,g)}(window,document,"script"+"+"dataLayer")</script> <link rel="search" type="application/opensearchdescription+xml" title="Ionic Framework" href="/doctzja/opensearch.xml"><link rel="stylesheet" href="/doctzja/assettzcstzstyles.77dcdAS2.css"> <scrip4�src= Ydocs/j�tassets/jtzruntime~main.08dbab6d.js" defer="defer">�_script> <scrip4�src= Ydocs/j�tassets/jtzmain.c8cd035c.js" defer="defer">�_script> �_head> <bod9�class="navigation-with-keyboard"> <noscript><iframe src="httpsa_/www.googletagmanager.co�wns.html?id=GTM-TKMGCBC" height="."."." width="."."." style="display:none;visibility:hidden">�_iframe></noscript> <script�function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();t(nulL�==e?e:"light")}(),function(){try{const a=new URLSearchParams(window.location.search).entries();for(var[t,e]of a)if(t.startsWith("docusaurus-data+"+"+")){var n=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(n,e)}}catch(t){}}(),document.documentElement.setAttribute("data-announcement-bar-initially-dismissed",function(){try{return"true"===localStorage.getItem("docusaurus.announcement.dismiss")}catch(t){}returD�1}())</script><div id="__docusaurus"><di6�role="region" aria-label="メインコンテンツまでスキップ"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">メインコンテンツまでスキップ�_a>�_div><div class="announcementBar_mb4j" role="banner"><div class="content_knG7 announcementBarContent_xLdY"><a href="httpsa_/www.outsystems.co�w?utm_source=ionic&utm_medium=referral&utm_campaign=ionic-referral&utm_term=none&utm_content=other&utm_campaignteam=digital-mktg&utm_partner=none" target="_blank" rel="noopener"><span>An <strong>OutSystems�_strong �Compan9�→</span>�_a>�_div>�_div><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_CIJY"><div class="docsWrapper_hBAB"><button aria-label="先頭へ戻る" class="clean-btn theme-back-ta-top-button backToTopButton_sjWU" type="button"></button><div class="docRoot_UBD9"><aside class="theme-doc-sidebar-container docSidebarContainer_YfHR"><div class="sidebarViewport_aRkj"><a target="_self" href="/doctzja."."><img src= Ydocs/j�tlogotzionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height=(� N)�8" width="�0�09"><img src= Ydocs/j�tlogotzionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height=(� N)�8" width="�0�09"></a><di6�class="sidebar_njmd sidebarWithHideableNavbar_wUlq"><a tabindex="-1" class="sidebarLogo_isFc" target="_self" href= Ydocs/j�t"><img src="/doctzja/logos/ionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height="28" width="139"><img src="/doctzja/logos/ionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height="28" width="139">�_a><nav aria-label="ドキュメントのサイドバー" class="menu thin-scrollbar menu_SIk?�?�menuWithAnnouncementBar_GW3s"><ul class="theme-doc-sidebar-men5�menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/components">Getting Started�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tcomponents">UIコンポーネント</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/accordion">Accordion</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/accordion">ion-accordion</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vaccordion-group">ion-accordion-group�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vaction-sheet">Action Sheet�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vaction-sheet">ion-action-sheet�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}valert">Alert�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}valert">ion-alert�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vbadge">Badge�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vbadge">ion-badge�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vbreadcrumb">Breadcrumbs</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/breadcrumb">ion-breadcrumb</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vbreadcrumbs">ion-breadcrumbs�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vbutton">Button�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vbutton">ion-button�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/ripple-effect">ion-ripple-effect</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/card">Card</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/card">ion-card</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcard-content">ion-card-content�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/card-header">ion-card-header</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcard-subtitle">ion-card-subtitle�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/card-title">ion-card-title</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/checkbox">Checkbox</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/checkbox">ion-checkbox</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/chip">Chip</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/chip">ion-chip</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/app">Content</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/app">ion-app</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcontent">ion-content�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vdatetime">Date & Time Pickers</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/datetime">ion-datetime</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vdatetime-button">ion-datetime-button�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/picker">ion-picker</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vpicker-column">ion-picker-column�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/picker-column-option">ion-picker-column-option</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vpicker-legacy">ion-picker-legacy�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vfab">Floating Action Button</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/fab">ion-fab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vfab-button">ion-fab-button�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/fab-list">ion-fab-list</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/grid">Grid</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/grid">ion-grid</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vcol">ion-col�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/row">ion-row</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/icon">Icons�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vicon">ion-icon�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vinfinite-scroll">Infinite Scroll�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vinfinite-scroll">ion-infinite-scroll�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/infinite-scroll-content">ion-infinite-scroll-content</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/input">Inputs�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vinput">ion-input�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/input-password-toggle">ion-input-password-toggle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vinput-otp">ion-input-otp�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/textarea">ion-textarea</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/item">Item</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/item">ion-item</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vitem-divider">ion-item-divider�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/item-group">ion-item-group</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vitem-sliding">ion-item-sliding�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/item-options">ion-item-options</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vitem-option">ion-item-option�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/label">ion-label</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vnote">ion-note�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vlist">List�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vlist">ion-list�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/list-header">ion-list-header</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/avatar">Media�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vavatar">ion-avatar�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/icon">ion-icon</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vimg">ion-img�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/thumbnail">ion-thumbnail</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/menu">Menu</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/menu">ion-menu</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vmenu-button">ion-menu-button�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/menu-toggle">ion-menu-toggle</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vsplit-pane">ion-split-pane�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vmodal">Modal�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vmodal">ion-modal�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/backdrop">ion-backdrop</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/nav">Navigation�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vnav">ion-nav�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/nav-link">ion-nav-link</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/popover">Popover</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/popover">ion-popover</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-care4�menu__link--active" role="button" aria-expanded="true" href= Ydocs/j�tap}vloading">Progress Indicators�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vloading">ion-loading�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" tabindex="."."." href= Ydocs/j�tap}vprogress-bar">ion-progress-bar�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/skeleton-text">ion-skeleton-text</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vspinner">ion-spinner�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vradio">Radio�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vradio">ion-radio�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/radio-group">ion-radia-group</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/range">Range</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/range">ion-range</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/refresher">Refresher</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/refresher">ion-refresher</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrefresher-content">ion-refresher-content�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vreorder">Reorder�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vreorder">ion-reorder�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/reorder-group">ion-reorder-group</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/router">Routing�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrouter">ion-router�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/router-link">ion-router-link</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vrouter-outlet">ion-router-outlet�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/route">ion-route</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vroute-redirect">ion-route-redirect�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vsearchbar">Searchbar�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vsearchbar">ion-searchbar�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vsegment">Segment�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vsegment">ion-segment�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/segment-button">ion-segment-button</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vsegment-content">ion-segment-content�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/segment-view">ion-segment-view</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/select">Select</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/select">ion-select</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vselect-option">ion-select-option�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vtabs">Tabs�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtabs">ion-tabs�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/tab">ion-tab</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtab-bar">ion-tab-bar�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/tab-button">ion-tab-button</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/toast">Toast</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/toast">ion-toast</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/toggle">Toggle</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/toggle">ion-toggle</a></li>�_ul></li><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item"><div class="menu__list-item-collapsible"><a class="menu__link menu__link--sublis4�menu__link--sublist-caret" role="button" aria-expanded="true" href="/doctzja/api/toolbar">Toolbar</a></div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/toolbar">ion-toolbar</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vheader">ion-header�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/footer">ion-footer</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtitle">ion-title�_a>�_li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-2 menu__list-item"><a class="menu__link" tabindex="0" href="/doctzja/api/buttons">ion-buttons</a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vback-button">ion-back-button�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tap}vtext">Typography�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tap}vtext">ion-text�_a>�_li></ul>�_li><li class="theme-doc-sidebar-item-categor9�theme-doc-sidebar-item-category-level-1 menu__list-item"><di6�class="menu__list-item-collapsible"><a class="menu__link menu__link--sublist menu__link--sublist-caret" role="button" aria-expanded="true" href= Ydocs/j�tapi">Resources�_a>�_div><ul style="display:block;overflow:visible;height:auto" class="menu__list"><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level(�(g)� menu__list-item"><a class="menu__link" tabindex="."."." href= Ydocs/j�tapi">APIインデックス�_a>�_li></ul>�_li></ul>�_nav>�_div>�_div>�_aside><div><na6�aria-label="ナビゲーション" class="navbar navbar--fixed-top navbarHideable_�mJ"><div class="navbar__inner"><di6�class="navbar__items"><button aria-label="ナビゲーションバーを開く" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width=�0�0�0."."." height=�0�0�0."."." viewBox="0 0 30�0�0�0�0�0."."." aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 72M2 2 2 152M2 2 2 �0�0�0�0�02"></path>�_svg>�_button><a class="navbar__brand" target="_self" href= Ydocs/j�t"><div class="navbar__logo"><img src="/doctzja/logos/ionic-text-docs-dark.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--light_NVdE" height="28" width="139"><img src="/doctzja/logos/ionic-text-docs-light.svg" alt="Site Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU" height="28" width="139">�_div>�_a><a class="navbar__item navbar__link" href= Ydocs/j�t">Guide</a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href= Ydocs/j�tcomponents">Components�_a><a class="navbar__item navbar__link" href= Ydocs/j�tcli">CLI�_a><a class="navbar__item navbar__link" href= Ydocs/j�tnative">Native�_a><a class="navbar__item navbar__link cta" href= Ydocs/j�tupdating/8-0">Ionic v8.0.0 Upgrade Guide�_a>�_div><div class="navbar__items navbar__items--right"><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a class="navbar__link" aria-haspopup="true" aria-expanded="false" role="button" href="/doctzja/api/progress-bar">v8</a><ul class="dropdown__menu"><li><a aria-current="page" class="dropdown__link dropdown__link--active" href= Ydocs/j�tap}vprogress-bar">v8�_a>�_li><li><a class="dropdown__link" href= Ydocs/j�tv7/api/progress-bar">v7</a></li><li><a href="httpsa_/ionic-docs-fo�0�01�4��p4h5-ioniu.vercel.ap:ydocs/v6" target="_self" rel="noopener noreferrer" class="dropdown__link">v6</a></li><li><a href="httpsa_/ionic-docs-5utg8ms4c-ioniu.vercel.ap:ydocs/v5" target="_self" rel="noopener noreferrer" class="dropdown__link">v5</a></li><li><a href="httpsa_/ionicframework.co�wdocs/v^components" target="_blank" rel="noopener noreferrer" class="dropdown__link">v4</a></li><li><a href="httpsa_/ionicframework.co�wdocs/vz^" target="_blank" rel="noopener noreferrer" class="dropdown__link">v3</a></li>�_ul></div><di6�class="navbarsearchcontainer_bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="検索 (Command+K)"><span class="DocSearch-Button-Container"><svg width=(� N)�."."." height=(� N)�."."." class="DocSearch-Search-Icon" viewBox="0 0 20(��N)�."."." aria-hidden="true"><path d="M14�0�0�0�0�086 14.386l4.0877 4.0877-4.0877-4.0877c(�(g)�.98 2.9419-7.7�5 2.9419-10.65�0�0�0�0 0(�(g)�.99-2.9418(�(g)�.99-7.15 0-10.65�0�0�0�0(��N)�.98-2.9419 7.7�5-2.9419 10.65�0�0�0�0 0(��N)�.99 2.9418(��N)�.99 7.15 0 10.65�0�0�0�0z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">�_path></svg><span class="DocSearch-Button-Placeholder">検索�_span></span><span class="DocSearch-Button-Keys">�_span></button>�_div><div class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link navbar__link--community">Community�_a><ul class="dropdown__menu"><li><a href="https:�]ionicframework.com/community" target="_blank" class="dropdown__link">Community Hub<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/forum.ionicframework.co�w" target="_blank" class="dropdown__link">Forum<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li><li><a href="httpsa_/www.meetup.co�wtopics/ionic-framework."." target="_blank" class="dropdown__link">Meetups<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]blog.ionicframework.co�w" target="_blank" class="dropdown__link">Blog<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]twitter.co�wionicframework" target="_blank" class="dropdown__link">Twitter<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li>�_ul></div><di6�class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link navbar__link--support">Support</a><ul class="dropdown__menu"><li><a href="httpsa_/ionicframework.co�wsupport" target="_blank" class="dropdown__link">Help Center<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]ionic.zendesk.co�w" target="_blank" class="dropdown__link">Customer Support<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li><li><a href="https:�]ionicframework.com/advisory" target="_blank" class="dropdown__link">Enterprise Advisory<svg width="12" height="12" aria-hidden="true" viewBox="0 0(��N)�2 2 2 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M 13v10h-v-19�2v2h-10v15�7v-8zm3-(�*h)�h-10.988l4.035 4-6.977 7.05 5 5 2.(��R)�8 2.(��R)�8 6.977-7.07 4.125 4.1(�]y)�v-�z"></path>�_svg>�_a>�_li></ul>�_div><div class="navbar__item"><div class="separator" aria-hidden></div></div><di6�class="navbar__item dropdown dropdown--hoverable dropdown--right"><a href="#" aria-haspopup="true" aria-expanded="false" role="button" class="navbar__link icon-link language navbar__item"><svg xmlns="httpa_/www.w3.or�u2000/svg" viewBox="0 0 5(�*h)� 5(�*h)�" width=(� N)�2" height=(� N)�2" aria-hidden="true" class="iconLanguage_nlXk"><path fill="currentColor" d="M478.�0�0�0�0 4�0�0�0�0.6l-DS(�(g)�182 (� g)� 0 00-40.65 5 5 0l-90 8a(� g)�(��N)�2 0 1040.65 5 5 16.79L�6.66 406�(��e)�.67l18�0�0�0�0�02 2 44�0�0�0�0�09A(� g)�(��N)�2 0 00458 464a(� g)�(��N)�2 0 0020�0�0�0�0�02-30.4zM�0�0�0�04.�0�0�0�0�0�0�0�0(��)��0�0�0�068(��N)�.65 401.17�0�0�0�0�0(��)�zM267.84�0�0�0�0�0(� T)�.92a(� g)�(��N)�2 0 00-4.89-30.7c-(�ё)�-.15-15-�.13-36.49-34.72 2 39.65-�0�0�0.68 (��)�.11-�4.75 71.27-1�0�0�0�0�0.49H�0�0�0�00a(� g)�(��N)�2 0 000-44H214V70a(� g)�(��N)�2 0 00-42 2 2 0v20H54a(� g)�(��N)�2 0 000 44�97(�ё)�5c-9.52 26.95-27.05 69.5-53.79 108�0�0�0�0�06-�.41-.68-�0�0�0�0�0.08-68.65-�0�0�0�0�0.17-68.87a(� g)�(��N)�2 0 00-40.58 17c.58 1.38 14.55�0�0�0�0�04.�0�0�0�0�0 52.86 83.�0�0�0.92 1.19 1.82 2 2.35(��N)�.72 2 2 3.��0�0�0�09.24 44.35-77.74 71.86-93.85 80.742 (� g)� 0 1(��e)�1.07�0�0�0�0�08.�0�0�0�0�0.16-1.18 48.6-26.89 101.�0�0�0�0�0-85.59(��N)�2.(�yr)�(��N)�4.08�0�0�0�0�08 35.42 2 2 38.92 2 36.12 (� g)� 0 0�0�00.75-4.9z"></path>�_svg><span class="localeVisuallyHidden_pF54">日本語</span>�_a><ul class="dropdown__menu"><li><a href="/doctzap}vprogress-bar" target="_self" rel="noopener noreferrer" class="dropdown__link" lang="en">English</a></li><li><a href= Ydocs/j�tap}vprogress-bar" target="_self" rel="noopener noreferrer" class="dropdown__link dropdown__link--active" lang="ja">日本語�_a>�_li><li><a href="https:�]ionicframework.com/translate" target="_blank" class="dropdown__link">Translate<svg width="(�*h)�" height="(�*h)�" aria-hidden="true" viewBox="0 0 24(��N)�4" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 �0�0'0h(�(g)�1v-19h(�*h)��h-10'5h17v-8h2z2�1��p-12h-10.988l4.�0�05 4-6.975 5 5 7.07(��N)�.828(��N)�.828 6.977-7.05 5 5 4.(�*h)�5 4.172v-11z">�_path></svg></a></li>�_ul></div><a href="https:�]twitter.co�wIonicframework" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-twitter" aria-label="Twitter">�_a><a href="httpsa_/ionic.lin�vdiscord" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-discord" aria-label="Discord"></a><a href="https:�]github.com/ionic-tea�wionic-framework" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link icon-link icon-link-mask icon-link-github" aria-label="GitHub repository">�_a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="ダークモードを切り替える(現在はライトモード)" aria-label="ダークモードを切り替える(現在はライトモード)" aria-live="polite" aria-pressed="false"><svg viewBox="0 0(��N)�2 2 2 24" width=(� N)�4" height=(� N)�4" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M(�*h)�,9u.65,0,3,1.35�0�0�0�0�0�0s-1.35�0�0�0�0�0�0�0�0�0�0s-3-1.35�0�0�0�0�0�0�0�0e0.35,9,12,9 2,7c(�(g)�.76,0-5,2.24-5,5�(�ё)�4,5,5,5s5-2.24,5-5 S14.76,7,(�*h)�,72,7z M2,�0�0,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1e.45,�0�0(�4l)�,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1e9.45,13,20,13z M�(�4l)��c0,0.55,0.45,1,1,1 -0.45,1-1V2c0-0.55-0.45-1-1-1S�,1.45,�(�4l)�+�1,20��c0,0.55,0.45,1,1,1 -0.45,1-1v(�(g)�c0-0.55-0.45-1-1-11.45,19,�,19.45,11,20+�M5.99,4.58c-0.39-0�0�0�0�0�09-1.�0�0-0�0�0�0�0�09-1.,0 c-0�0�0�0�0�09,0.39-0�0�0�0�0�09,1.�0�0,0,1.41l1.06,1.06c0.39,0�0�0�0�0�09,1.�0�0,0�0�0�0�0�09,1.,0s0�0�0�0�0�09-1.�0�0,0-1.41L5.99,4.58z M18�0�0�0�0�06,16.95 c-0.39-0�0�0�0�0�09-1.�0�0-0�0�0�0�0�09-1.,0c-0.39,0�0�0�0�0�09-0.39,1.03,0,1.�.06,1.06c0�0�0�0�0�09,0.39,1.03,0.39,1.41,0c0.39-0�0�0�0�0�09,0.39-1.03,0-1. L18�0�0�0�0�06,16.95z M19.42,5.99c0�0�0�0�0�09-0.39,0�0�0�0�0�09-1.�0�0,0-1.41c-0�0�0�0�0�09-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0�0�0�0�0�09-0.39,1.03,0,1. s1.�0�0,0�0�0�0�0�09,1.,09.(� T)�,5.99z M7.05,18.36c0�0�0�0�0�09-0.39,0�0�0�0�0�09-1.�0�0,0-1.41c-0�0�0�0�0�09-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0�0�0�0�0�09,0.39-0�0�0�0�0�09,1.�0�0,0,1.41s1.�0�0,0�0�0�0�0�09,1.,0L7.05,18�0�0�0�0�06z">�_path></svg><svg viewBox="0 0(��N)�2 2 2 24" width=(� N)�4" height=(� N)�4" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9�0�0�0�0�07,5.�C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08�0�0�0�0�0�0�0�02,7.4,7.4,7.4c0.68,0,1�0�0�0�0�05-0.09,1.99-0.277.45,17.19,14.�0�0�0,19,(�*h)�,19 c-3.86,0-7�0�0�0�0.14-7-7C5,9.07,6.81,6.55,9�0�0�0�0�07,5.�+�2,3c-4.97,0-9,4.�0�0-9,9s4.03,9,9,9s9-4.�0�0,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37(�(g)�.58,2.26-4.4(�4l)�(�ё)�6c(�(g)�.98,0-5.4-2.(� T)�-5.4-5.4c0-1.81,0.89�0�0�0�0.42,2.26-4.42.(��N)��0�0�0.04,(�*h)�.46,3,(�*h)��0�0�02,3z">�_path></svg></button>�_div>�_div>�_div><div role="presentation" class="navbar-sidebar__backdrop">�_div>�_nav><main class="docMainContainer_TBSr"><div class="container padding-top--md padding-bottom--lg"><div class="row"><di6�class="col docItemCol_VOVn"><div class="docItemContainer_Djhp"><article><span class="theme-doc-version-badge badge badge--secondary">バージョン: v8�_span><di6�class="toccollapsible_etcw theme-doc-toc-mobile tocMobile_ITEo"><button type="button" class="clean-btn tocCollapsibleButton_TO0P">このページの見出し</button>�_div><div class="theme-doc-markdown markdown"><header><�>ion-progress-bar</h1>�_header> �-- --> <a class="encapsulation-pill encapsulationPill_weMM" href="/doctzja/reference/glossary#shadow">shadow�_a> <p>プログレスバーは、アプリのロード、フォームの送信、更新の保存など、進行中の処理の状態をユーザーに知らせるものです。プログレスバーには2つのタイプがあります。プログレスバーには、<code>determinate</code>と<code>indeterminate�_code>の2種類があります。</p> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="determinate">Determinate<a href="#determinate" class="hash-link" aria-label="Determinate への直接リンク" title="Determinate への直接リンク">�_a>�_> <p>Determinateはデフォルトのタイプです。操作のパーセンテージがわかっている場合に使用されるべきです。進行状況は <code>value�_code �プロパティを設定することで表現されます。こ�れは、進捗が0かよ00%まで増加するように表示するために使用できます。�_p>  <div class="playground"><div class="playground__container"><di6�class="playground__control-toolbar"><div class="playground__control-group"><button title="Show Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular�_button><button title="Show JavaScrip4�code" class="playground__control-button" data-text="JavaScript">JavaScript�_button><button title="Show React code" class="playground__control-button" data-text="React">React</button><button title="Sho7�Vue code" class="playground__control-button" data-text="Vue">Vue�_button></div><di6�class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS�_button><button title="MD mode" class="playground__control-button" data-text="MD">MD</button>�_div><div class="playground__control-grou0�playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path d="M5.538(�*h)� 5.917�0�0�0�0�0L7.52915 1 8.01835H4.42601L2.42601 13L9 5.743H5.�0�0�02Z" stroke="#73849A" stroke-linejoin="round"></path>�_svg>�_button><button class="playground__icon-button playground__icon-button--primary playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M2.06667 9V9.47756 9 1 8.5(� g)�44 1 7.9�0�0�0�0�0�0�0�0�0�0�0�0�0 1.895�0�0�0�0�0 1.895�0�0�0�0�0 1�0�0�0�0�0 1H7.9�0�0�0�0�0�0�0�0C8.5(� g)�44 1 9 1.47756 9(��N)�.066672�6�.06667" stroke="current"></path><rec4�x=�0�0�0" y=�0�0�0" width="8" height="8" rx="1.5" stroke="current"></rect>�_svg>�_button><button class="playground__icon-button"><svg aria-hidden="true" width="10" height="(�*h)�" viewBox="0 0 10 (�*h)�" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2(�ё)�(� g)�15(��N)�.9(��)�47�0�0�0�0.0442 2 2 2.(� T)�(��e)�5 4.01109 2.�0�0082 2 2 5 2.�0�0084C5.�0�0�0�0�0�0�0�08 2.�0�0082 2 2 6.08145 5 2.15202 6.39(�>y)�1 2.18�5C6.68142 2.77 6.948(��N)�(�ё)�65 7.08584(��N)��0�0�0�0�0�0�0�0�0�0(��N)�C7.17445(��N)�.41686 7�0�0�0�0�01584(��N)�.52988 7�0�0�0�0�0(�yr)�(��N)�.73039C7�0�0�0�0�08869(��N)�.9�� 7(�ё)�94(��e)��0�0�0�0�0.07964 7(�ё)�55�0�0�0�0�0.14415C7.18678�0�0�0�0�0(�ё)��49 7.126�0�0�0�0�0(�ё)�5445 7.09468�0�0�0�0�0(�ё)�75C7.076(�>y)��0�0�0�0�0(�ё)�8704 7.0001�0�0�0�0�0(�ё)�9656 7.04754�0�0�0�0�0�0�0�0�0�0�0�045C7.02 3.30695 5 7.�0�0555 5 5 3.30995 7.�0�0082 3.�24C7.029�0�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017 7.027(��N)��0�0�0�0�0�0�0�0�0�0�0�089 7.0265 5 3.�456C7.(��e)�58�0�0�0�0�0�0�0�0�0�01496 7.025�0�0�0�0�0�0�0�0�0�0�0�01535 7.02429�0�0�0�0�0�0�0�0�0�015(�]y)�C7.0�0�0�0�0�0��0�0�0�0�0�0�0�0�0�016 7.0(� g)�38�0�0�0�0�0�0�0�0�0�01667 7.05 3.�L7.020�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017�0�0C7.01994�0�0�0�0�0�0�0�0�0�01787 7.01905�0�0�0�0�0�0�0�0�0�018� 6.81818(��N)�.91589L7.01905�0�0�0�0�0�0�0�0�0�018�C6.7�0�0�085�0�0�0�0�0.42779 6.536�0�0�0�0�0�0�0�0�0�03637 6.410�0�0�0�0�0�0�0�0�0�0.114(�*h)�C6.406(��)��0�0�0�0�0.1065 6.40305 3.09881 6.39972 3.09108C6.36(��R)�9 3.08669 6.�0�0�0�0282 2 2 3.08(� g)�2 2 2 6.29298 3.07787C6.(��e)�849 3.04892 5.�972 2 2 3.(��e)�AS2 2 2 5 3.(��e)�AS4C4.1909�0�0�0�0�0.02804�0�0�0�0�0�0�0�0�0�09996�0�0�0�0�0(�ё)�64(��R)�(��N)�.727�0�0�0�0�0.70846(��)�.05447 4.1(�yr)�09 1.530�0�0 4.7(��R)�64 1(�ё)�2049 5.52038C0.910862 2 2 6.252 0.(��R)�985 7.0699 0.987699 7.85307C1.14555 8.�0�0�0�0�0(��)�5 1.�0�0�0�5 5 5 9.35562 2 2 2.10(�]y)�9 9.(��N)�(��e)�8C2.67942 10.4849 3.40�0�0�05 10.8692 2 2 4.2019 11.(��e)�(�yr)�C4.99546 11.181 5.AS1 �.1011 6.56552 10.7955C7.�302 2 2 10.4899 7.95195 9.97241 8.40145 5 5 9.30847C8.85098 8.64452 9.09091 7.86392 2 2 9.09091 7.06542C9.09091 6.765 5 5 9.29442 6.�682 9.54545 6.�682C9.79649 6.�682 10 6.81767 10 7.06542C10 8.039 9.70675 8.99544 9.15735 9.806(��N)�C8.60794 10.�84 7.82705 11.2509 6.9�0�0(� T)� 11.(��)�44C5.99979 11.9979 4.99445 12.0956 4.02455 11.DS(�yr)��0�0�0�0.05464 11.48(��N)�.1�0�0�0�0�0�0�0 11.2448 1.46447 10.5547C0.765205 5 9.86458 0.28DS(��e)� 8.985(�>y)� 0.0960758 8.028�C-0.0968502 7.07089 0.006639 6.078 0�0�0�0�0�0AS05 5.17704C0.75DS�0�0�0�0�0 4(�ё)�7536 1�0�0�0�0�0999 3.50469 2.(� g)�5 2.96247Z" fill="#73849A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.�0�0�0�0C4.8561 -0.0�0�0�0�0�079 5.1�0�0�0�0�09 -0.0�0�0�0�0�079 5�0�0�0�0�0 0.1�391L7.592 2 2 2.37�0�0�0�0�08C7.77165 2.54955 5 5 7.77165 2.�0�0�0361 7.592 2 2 3.00879L5.(�>y)�141 5.25178C5.1439 5.42697 4.8561 5.(� T)�695 5 5 4.67859 5.25178C4.50108 5.0766 4.50108 4.7(��N)�56 4.67859 4.61737L6.6299 2.69159L4.67859 0.765805C4.50108 0.5DS�5 5 4.50108 0.30658 4.67859 0.�0�0�0�0Z" fill="#�0�0849A">�_path></svg></button><a class="playground__icon-button" href="httpsa_/github.co�wionic-team/ionic-doctzissues/new/choose" aria-label="Repor4�an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M5 5 0C2.68661 0 0 2.75(��)�5 0 6.15268C0 8.87142 2 1.962 2 2 �.175 4.1�0�057 11.98�0�0�0C4.107 11.99�0�0 4.1�0�0 12 4.20�0�0�05 5 (�*h)�C4.42768 12 4.��0�0�0�09 �.8365 5 4.��0�0�0�09 �.6946C4.��0�0�0�09 �.5472 2 4.50AS2 2 2 �.1�5 5 4.50�0�0�05 5 10.6473C4.28�0�05 5 10.6982 4.07945 5 10.7195 5 3.9 10.7196C2.74552 2 2 10.7195 5 2.48302 2 2 9.(��R)��0�0�0�0�02 2.48302 2 2 9.(��R)��0�0�0�0�02C2.20982 9.�25 1.81607 8.9(� g)�(�>y)� 1.81607 8.9(� g)�(�>y)�(�ё)��0�0�075 8.55536 1.8�0�039 8.54464 1.8�0�0�057 8.54464.85625(��)�.458�0�0�0 8.598(��N)�.775 9.1(��R)�14(��N)�.775 9.1(��R)�14�0�0�0�0.075 9.70714�0�0�0�0�0.47679 9.85446�0�0�0�0�0.835 9.85446C4.11696 9.85446 4�0�0�0�0�0�0�0�0�0�0 9.7�0�0�0�0�039 4.5�0�0�0�0�0 9.6�0�0�075C4.575 9(�ё)�97(�>y)� 4.73036 9.02679 4.90179 8.8�0�0�0�0�0�0�0�0�0.57054 8.71607(��N)�.16964 8.18839(��N)�.16964 5.8�25(��)�.16964 5.158�0�0�0(��N)�.4(��e)�68 4.609(��R)�(��N)�.785 4.125(��)�.724� 4.02589(��N)�.51786�0�0�0�0�0�0�0�0�0�099�(��N)�.84464(��N)�.5(�yr)�68(��)�.84464(��N)�.5(�yr)�68(��N)�.8875 2.�0�0�0(��N)�9 2.97855 5 5 2.�0�0�0(��N)�9C3.19552 2 2 2.�0�0�0(��N)�9 3.68571 2.(��)��0�0�0�0�02 4.49462 2 2 3.18482C4.971 3.04(��R)�1 5.48571 2.98(�*h)�5 5.99�0�02 2.97857C6.50(��)�5 2.98(�*h)�5 7.(��e)�052 2 2 3.04(��R)�1 7.5 3.18482C8.30892 2 2.(��)��0�0�0�0�02 8.791 2.�0�0�0(��N)�9 9.0105 5 5 2.�0�0�0(��N)�9C9.102 2 2 2.�0�0�0(��N)�9 9.15(��N)�.5(�yr)�68 9.15 2.55268C9.47679 3.391 9.27052 2 2 4.(��e)�589 9.20892 2 4.18(�*h)�5C9.59195 5 4.�25 9.825 5.1�� 9.825 5.8�25C9.825 8.1�0�0�075 8.4�0�0�0�0�0 8.7�0�039 7.084(��R)� 8.86607C7(�ё)�99� 9.05625 7.496 9.4�25 7.496 10.0045C7.496 10.(��R)�68 7.4�0�0�0�0�0�0 11.49� 7.4�0�0�0�0�0�0 11.692C7.48392 2 �.8365 5 7.56695 5 (�*h)� 7.78929 12C7.(��R)�142 2 (�*h)� 7.858�0�0�0 11.99�0�0 7.896�0�0�0�0�0 11.98�0�0�00.282 2 �.175 12 8.86875 (�*h)� 6.1(�yr)�682 2.75(��)�5 9.��0�0�0�09 0 5 5 0Z" fill="#73849A"></path>�_svg>�_a>�_div>�_div>�_div><div class="playground__code-block">�_div>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="buffer">Buffer<a href="#buffer" class="hash-link" aria-label="Buffer への直接リンク" title="Buffer への直接リンク">�_a>�_1�6��p> <p><code>buffer</code>プロパティが設定されている場合、バッファーストリームがアニメーションの円と共に表示され、アクティビティを示します。また、<code>buffer�_code>プロパティの値は、目に見えるトラックの量によって表されます。も�l�<code>buffer�_code �の値�=�<code>value</code> プロパティより小さければ、目に見えるトラックはありません。もし <code>buffer</code> が <code��_code �に等しければ、バッファースリームは隠されます。</p> �-- --> <di6�class="playground"><di6�class="playground__container"><div class="playground__control-toolbar"><di6�class="playground__control-group"><button title="Sho7�Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular</button><button title="Sho7�JavaScript code" class="playground__control-button" data-text="JavaScript">JavaScript</button><button title="Sho7�Reac4�code" class="playground__control-button" data-text="React">React�_button><button title="Show Vue code" class="playground__control-button" data-text="Vue">Vue</button>�_div><div class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS</button><button title="MD mode" class="playground__control-button" data-text="MD">MD�_button></div><di6�class="playground__control-group playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="1."."." height="14" viewBox="0 0 10 14" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path d="M5.�0�0�02 5.743L7.(�yr)�5 1L1 8.01�0�0�05H4.(� T)�01L2.(� T)�01 �0�0L9 5.917�0�0�0�0�0H5.538(�*h)�Z" stroke="#�0�0849A" stroke-linejoin="round">�_path></svg></button><button class="playground__icon-button playground__icon-button--primar9�playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M2.06665 5 5 9V9C1.47755 5 9 1 8.(�yr)�242 2 2 1 7.�0�0�0�0�0�0�03V3C1 1.89542 2 1.89542 2 1 2 2 1H7.�0�0�0�0�0�0�03C8.(�yr)�242 2 2 1 9 1.47755 5 9 2.06667V2.06667" stroke="current">�_path><rect x="3" y="3" width="8" height="8" rx="1.5" stroke="current">�_rect></svg></button><button class="playground__icon-button"><svg aria-hidden="true" width="1."."." height="12" viewBox="0 0 10 12" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.(� g)�5 2.96247C3.0444(��N)�.42025 4.0�09(��N)�.13084 5(��N)�.13084C5.63538(��N)�.13084 6.046(��N)�.1(�yr)�(��e)� 6�0�0�0�0�0�0�0�0(��N)�.18615C6.6(� T)�(��N)�(�ё)�175 5 5 6.(��N)�148 2.26571 7.08582 2 2 2.36392C7.17445 2.685 5 7.�582 2 2 2.(�yr)�988 7.35(� g)�1 2.�0�0�0�09C7.38869 2.�0�0�0151 7.29402 3.07962 2 2 7.24155 3.145C7.18678 3.149 7.(�*h)�5 5 3.25445 7.09468 3.275C7.07�0�0�0�0�02 3.28702 2 2 7.06001 3.29655 5 7.04752 2 2 3.30345C7.04(�*h)��0�0�0�0�0�0�0�0�0�00696 7.03557�0�0�0�0�0�0�0�0�0�00995 7.030(��R)��0�0�0�0�0�0�0�0�0�0(�*h)�4C7.(��e)��0�0�02 2 3.��5 5 5 7.(��e)�792 3.�389 7.(��e)�66�0�0�0�0�0�0�0�0�0�01456C7.0258 3.�495 5 7.(��e)�502 2 3.��0�0�05 7.(��e)�(� T)�9 3.�572C7.(��e)��0�0�0�01 3.�(��)�1 7.(��e)��0�0�0�0�08 3.�665 5 5 7.(��e)�15�0�0�0�0�0�0�0�0�0�0171L7.(��e)�(��e)�2 2 3.�773C7.01992 2 2 3.�785 5 5 7.01DS5 3.��0�0�01 6.8 2.589L7.01DS5 3.��0�0�01C6.79385 3.(� T)�779 6.(�yr)��0�05 5 3.�0�0�0�0�0�0�0�0�05 5 5 6.042 2 3.�2C6.40662 3.1065 6.4�0�005�0�0�0�0�0.098 6�0�0�0�0�099(�]y)��0�0�0�0�0.008C6�0�0�0�0�06829�0�0�0�0�0.08669 6�0�0�0�0�0(�>y)�84�0�0�0�0�0.0(��R)�24 6(�ё)�(��N)�98�0�0�0�0�0.07787C6.02849�0�0�0�0�0.048(��N)� 5.61974�0�0�0�0�0.02804 5�0�0�0�0�0.02804C4.1DS9 3.(��e)�AS2 2 2 3.39995 5 3.26482 2.(�]y)�(�]y)�1 3.70846C2.05445 5 5 4.15209 1.�0�0�0012 2 4.78262 2 2 1.(� g)�049 5.(�yr)��0�08C0.0864 6(�ё)�58(�*h)� 0.82985 7.0699 0.987699 7.8�0�0�007.14555 8.63625 1.53517 9�0�0�0�0�05564(��N)�.10729 9.92028(��)�.679(� T)� 10.4849�0�0�0�0�0.40835 10.8694 4(�ё)�019 �.0252C4.99545 5 �.1 5.81801 11.10� 6.565(�yr)� 10.7955C7�0�0�0�0�0�0�004 10.4899 7.9�95 9.9(�]y)� 8.40147 9�0�0�0�0�00847C8.85098 8.644(�yr)� 9.0DS 7.8�0�0�0�0�094 9.0DS 7.065(� T)�C9.0DS 6.81767 9(�ё)�94(� T)� 6.616(��R)� 9.54545 6.616(��R)�C9.79649 6.616(��R)� 10 6.765 5 5 10 7.065(� T)�0 8.04�0�09 9.70675 8.99542 2 2 9.15�0�05 9.AS692C8.0792 2 2 10.6182 2 2 7.(��R)�705 �(�ё)�509 6.342 �.6244C5.99979 �.9979 4.99445 (�*h)�.0955 5 4.(��e)�455 �.9052C3.05462 2 2 �.7148 2.16372 2 �(�ё)�448 1.46445 5 5 10.5547C0.76(�yr)�06 9.86458 0(�ё)�89002 8.98�0�0�02 0.090758 8.(��e)�1C-0.09685(��e)� 7.07089 0.0(��e)�16�0�0�0�0�09 6.07871 0.380605 5.17704C0.759042 2 4.27�0�0�05 5 1.3999�0�0�0�0�0.50469(��N)�(�ё)�(� g)�15(��N)�.9(��)�47Z" fill="#�0�0849A">�_path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.1�391C4.85� -0.0437971 5.1439 -0.0437971 5.(�>y)�141 0.�0�0�0�0L7.59414(��N)��0�0�0�0�07438C7.765(��N)�.54957 7.765(��N)�.8�0�0�0�0� 7.59414�0�0�0�0�0.00879L5�0�0�0�0�0 5(�ё)��78C5.1�0�0�0�0�09 5.(� T)�695 5 5 4.85� 5.42697 4.67859 5(�ё)��78C4.50108 5.0765 5 4.50108 4.79255 5 4.67859 4.��0�07L6.(��)�99(��N)�.659L4.67859 0.765AS5C4.50108 0.590616 4.50108 0�0�0�0�0�00658 4.67859 0.1�391Z" fill="#73849A"></path>�_svg>�_button><a class="playground__icon-button" href="https:�]github.com/ionic-tea�wionic-docs/issuetzne�|choose" aria-label="Report an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M6 0(��)�.686� 0 0(��N)�.75625 0 6.1(�yr)�68C0 8.8�0�0�0�0�0 1.71964 11.175 4.10355 5 5 �.9893C4.14105 5 5 �.9972 2 4.17(�>y)�1 (�*h)� 4(�ё)�0536 12C4.(� T)�768 (�*h)� 4.5�0�039 11.�0�0�066 4.5�0�039 11.6946C4.5�0�039 11.54�0�0 4.50804 11.1616 4.50536 10.64�0�0C4(�ё)�AS36 10.69(��R)� 4.07946 10.96�0�0�0�0�0.9 10.96(��)�.74554 10.96(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��)�(�ё)�09(��R)� 9.1(�*h)�5 1.05 5 5 8.(��N)��0�0�0�0�02 1.05 5 5 8.(��N)��0�0�0�0�02C1.29375 8.55�0�0�05 5 1.�0�0�0�09 8.54462 2 2 1.85355 5 5 8.54464H1.85(��)�5C2.45892 2 8.59(��R)�1 2.775 9.182 2 2 2.775 9.184C3.075 9.702 2 2 3.47679 9.85445 5 3.�0�0�0571 9.85446C4.�695 5 9.85445 5 4.37142 2 9.76�0�0�0�09 4.(�yr)�142 2 9.69375C4.575 9.29�0�02 4.�0�0�0�05 5 9.(��e)�679 4.DS179 8.87143C3.57052 2 2 8.05 5 5 2.16962 2 2 8.18�0�0�09 2.16962 2 2 5.�0�0�0(�*h)�5C2.16962 2 2 5.15892 2 2.40268 4.0982 2.78571 4.18(�*h)�5C2.(�]y)�1 4.(��e)�589 2.�785 5 3.391 2.84462 2 2 2.55268C2.84462 2 2 2.55268 2.8875(��N)�.53929(��N)�.97857(��N)�.53929�0�0�0�0.19554(��N)�.53929�0�0�0�0�0.685(��N)�.6(� g)�(�>y)� 4.49464�0�0�0�0�0.184(��R)�C4.974��0�0�0�0�0.048 5.485(��N)�.925 5.997(�>y)�(��N)�.97857C6.50625(��N)�.925 7.02054�0�0�0�0�0.048 7.5�0�0�0�0�0.184(��R)�C8�0�0�0�0�008�0�0�0(��N)�.6(� g)�(�>y)� 8.799�(��N)�.53929 9.01607(��N)�.53929C9.10714(��N)�.53929 9.15 2.55268 9.15(��N)�.5(�yr)�68C9.47679�0�0�0�0�0�0�0�0�0�099� 9(�ё)�7054 4.02589 9(�ё)�08�0�0�0 4.125C9.596 4.6(�*h)�5 9.(��R)�5 5.16161 9.(��R)�5 5.�0�0�0(�*h)�5C9.(��R)�5 8.19375 8.(� T)�142 2 8.�0�0�0�09 7.08482 8.8607C7.291 9.05(��)�5 7.49195 5 9.�0�0�0�0�0(�*h)�5 7.49195 5 10.0045C7.49195 5 10.8268 7.48392 2 �.41 7.48392 2 �.6(��N)�C7.4�0�0�0�0�0�0 11.�0�0�066 7.56696 12 7.78(��N)�9 (�*h)�C7.8�0�0�0�0�0 12 7.85892 2 �.9972 2 7.89642 2 �.9893C10(�ё)��0�0�0 11.175 (�*h)� 8.86875 12 6.15268C(�*h)�(��N)�.75625 9�0�0�0�0�0�0�039 0 6 0Z" fill="#�0�0849A">�_path></svg></a></div></div></div><di6�class="playground__code-block"></div></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="indeterminate">Indeterminate<a href="#indeterminate" class="hash-link" aria-label="Indeterminate への直接リンク" title="Indeterminate への直接リンク">�_a>�_> <p>Indeterminateタイプは、処理にかかる時間が不明な場合に使用します。プログレスバーは <code>value�_code �と連動しておらず、処理が完了するまでトラックに沿ってスライドしつづけます。</p> �-- --> <di6�class="playground"><di6�class="playground__container"><div class="playground__control-toolbar"><di6�class="playground__control-group"><button title="Sho7�Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular</button><button title="Sho7�JavaScript code" class="playground__control-button" data-text="JavaScript">JavaScript</button><button title="Sho7�Reac4�code" class="playground__control-button" data-text="React">React�_button><button title="Show Vue code" class="playground__control-button" data-text="Vue">Vue</button>�_div><div class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS</button><button title="MD mode" class="playground__control-button" data-text="MD">MD�_button></div><di6�class="playground__control-group playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="1."."." height="14" viewBox="0 0 10 14" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path d="M5.�0�0�02 5.743L7.(�yr)�5 1L1 8.01�0�0�05H4.(� T)�01L2.(� T)�01 �0�0L9 5.917�0�0�0�0�0H5.538(�*h)�Z" stroke="#�0�0849A" stroke-linejoin="round">�_path></svg></button><button class="playground__icon-button playground__icon-button--primar9�playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M2.06665 5 5 9V9C1.47755 5 9 1 8.(�yr)�242 2 2 1 7.�0�0�0�0�0�0�03V3C1 1.89542 2 1.89542 2 1 2 2 1H7.�0�0�0�0�0�0�03C8.(�yr)�242 2 2 1 9 1.47755 5 9 2.06667V2.06667" stroke="current">�_path><rect x="3" y="3" width="8" height="8" rx="1.5" stroke="current">�_rect></svg></button><button class="playground__icon-button"><svg aria-hidden="true" width="1."."." height="12" viewBox="0 0 10 12" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.(� g)�5 2.96247C3.0444(��N)�.42025 4.0�09(��N)�.13084 5(��N)�.13084C5.63538(��N)�.13084 6.046(��N)�.1(�yr)�(��e)� 6�0�0�0�0�0�0�0�0(��N)�.18615C6.6(� T)�(��N)�(�ё)�175 5 5 6.(��N)�148 2.26571 7.08582 2 2 2.36392C7.17445 2.685 5 7.�582 2 2 2.(�yr)�988 7.35(� g)�1 2.�0�0�0�09C7.38869 2.�0�0�0151 7.29402 3.07962 2 2 7.24155 3.145C7.18678 3.149 7.(�*h)�5 5 3.25445 7.09468 3.275C7.07�0�0�0�0�02 3.28702 2 2 7.06001 3.29655 5 7.04752 2 2 3.30345C7.04(�*h)��0�0�0�0�0�0�0�0�0�00696 7.03557�0�0�0�0�0�0�0�0�0�00995 7.030(��R)��0�0�0�0�0�0�0�0�0�0(�*h)�4C7.(��e)��0�0�02 2 3.��5 5 5 7.(��e)�792 3.�389 7.(��e)�66�0�0�0�0�0�0�0�0�0�01456C7.0258 3.�495 5 7.(��e)�502 2 3.��0�0�05 7.(��e)�(� T)�9 3.�572C7.(��e)��0�0�0�01 3.�(��)�1 7.(��e)��0�0�0�0�08 3.�665 5 5 7.(��e)�15�0�0�0�0�0�0�0�0�0�0171L7.(��e)�(��e)�2 2 3.�773C7.01992 2 2 3.�785 5 5 7.01DS5 3.��0�0�01 6.8 2.589L7.01DS5 3.��0�0�01C6.79385 3.(� T)�779 6.(�yr)��0�05 5 3.�0�0�0�0�0�0�0�0�05 5 5 6.042 2 3.�2C6.40662 3.1065 6.4�0�005�0�0�0�0�0.098 6�0�0�0�0�099(�]y)��0�0�0�0�0.008C6�0�0�0�0�06829�0�0�0�0�0.08669 6�0�0�0�0�0(�>y)�84�0�0�0�0�0.0(��R)�24 6(�ё)�(��N)�98�0�0�0�0�0.07787C6.02849�0�0�0�0�0.048(��N)� 5.61974�0�0�0�0�0.02804 5�0�0�0�0�0.02804C4.1DS9 3.(��e)�AS2 2 2 3.39995 5 3.26482 2.(�]y)�(�]y)�1 3.70846C2.05445 5 5 4.15209 1.�0�0�0012 2 4.78262 2 2 1.(� g)�049 5.(�yr)��0�08C0.0864 6(�ё)�58(�*h)� 0.82985 7.0699 0.987699 7.8�0�0�007.14555 8.63625 1.53517 9�0�0�0�0�05564(��N)�.10729 9.92028(��)�.679(� T)� 10.4849�0�0�0�0�0.40835 10.8694 4(�ё)�019 �.0252C4.99545 5 �.1 5.81801 11.10� 6.565(�yr)� 10.7955C7�0�0�0�0�0�0�004 10.4899 7.9�95 9.9(�]y)� 8.40147 9�0�0�0�0�00847C8.85098 8.644(�yr)� 9.0DS 7.8�0�0�0�0�094 9.0DS 7.065(� T)�C9.0DS 6.81767 9(�ё)�94(� T)� 6.616(��R)� 9.54545 6.616(��R)�C9.79649 6.616(��R)� 10 6.765 5 5 10 7.065(� T)�0 8.04�0�09 9.70675 8.99542 2 2 9.15�0�05 9.AS692C8.0792 2 2 10.6182 2 2 7.(��R)�705 �(�ё)�509 6.342 �.6244C5.99979 �.9979 4.99445 (�*h)�.0955 5 4.(��e)�455 �.9052C3.05462 2 2 �.7148 2.16372 2 �(�ё)�448 1.46445 5 5 10.5547C0.76(�yr)�06 9.86458 0(�ё)�89002 8.98�0�0�02 0.090758 8.(��e)�1C-0.09685(��e)� 7.07089 0.0(��e)�16�0�0�0�0�09 6.07871 0.380605 5.17704C0.759042 2 4.27�0�0�05 5 1.3999�0�0�0�0�0.50469(��N)�(�ё)�(� g)�15(��N)�.9(��)�47Z" fill="#�0�0849A">�_path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.1�391C4.85� -0.0437971 5.1439 -0.0437971 5.(�>y)�141 0.�0�0�0�0L7.59414(��N)��0�0�0�0�07438C7.765(��N)�.54957 7.765(��N)�.8�0�0�0�0� 7.59414�0�0�0�0�0.00879L5�0�0�0�0�0 5(�ё)��78C5.1�0�0�0�0�09 5.(� T)�695 5 5 4.85� 5.42697 4.67859 5(�ё)��78C4.50108 5.0765 5 4.50108 4.79255 5 4.67859 4.��0�07L6.(��)�99(��N)�.659L4.67859 0.765AS5C4.50108 0.590616 4.50108 0�0�0�0�0�00658 4.67859 0.1�391Z" fill="#73849A"></path>�_svg>�_button><a class="playground__icon-button" href="https:�]github.com/ionic-tea�wionic-docs/issuetzne�|choose" aria-label="Report an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M6 0(��)�.686� 0 0(��N)�.75625 0 6.1(�yr)�68C0 8.8�0�0�0�0�0 1.71964 11.175 4.10355 5 5 �.9893C4.14105 5 5 �.9972 2 4.17(�>y)�1 (�*h)� 4(�ё)�0536 12C4.(� T)�768 (�*h)� 4.5�0�039 11.�0�0�066 4.5�0�039 11.6946C4.5�0�039 11.54�0�0 4.50804 11.1616 4.50536 10.64�0�0C4(�ё)�AS36 10.69(��R)� 4.07946 10.96�0�0�0�0�0.9 10.96(��)�.74554 10.96(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��)�(�ё)�09(��R)� 9.1(�*h)�5 1.05 5 5 8.(��N)��0�0�0�0�02 1.05 5 5 8.(��N)��0�0�0�0�02C1.29375 8.55�0�0�05 5 1.�0�0�0�09 8.54462 2 2 1.85355 5 5 8.54464H1.85(��)�5C2.45892 2 8.59(��R)�1 2.775 9.182 2 2 2.775 9.184C3.075 9.702 2 2 3.47679 9.85445 5 3.�0�0�0571 9.85446C4.�695 5 9.85445 5 4.37142 2 9.76�0�0�0�09 4.(�yr)�142 2 9.69375C4.575 9.29�0�02 4.�0�0�0�05 5 9.(��e)�679 4.DS179 8.87143C3.57052 2 2 8.05 5 5 2.16962 2 2 8.18�0�0�09 2.16962 2 2 5.�0�0�0(�*h)�5C2.16962 2 2 5.15892 2 2.40268 4.0982 2.78571 4.18(�*h)�5C2.(�]y)�1 4.(��e)�589 2.�785 5 3.391 2.84462 2 2 2.55268C2.84462 2 2 2.55268 2.8875(��N)�.53929(��N)�.97857(��N)�.53929�0�0�0�0.19554(��N)�.53929�0�0�0�0�0.685(��N)�.6(� g)�(�>y)� 4.49464�0�0�0�0�0.184(��R)�C4.974��0�0�0�0�0.048 5.485(��N)�.925 5.997(�>y)�(��N)�.97857C6.50625(��N)�.925 7.02054�0�0�0�0�0.048 7.5�0�0�0�0�0.184(��R)�C8�0�0�0�0�008�0�0�0(��N)�.6(� g)�(�>y)� 8.799�(��N)�.53929 9.01607(��N)�.53929C9.10714(��N)�.53929 9.15 2.55268 9.15(��N)�.5(�yr)�68C9.47679�0�0�0�0�0�0�0�0�0�099� 9(�ё)�7054 4.02589 9(�ё)�08�0�0�0 4.125C9.596 4.6(�*h)�5 9.(��R)�5 5.16161 9.(��R)�5 5.�0�0�0(�*h)�5C9.(��R)�5 8.19375 8.(� T)�142 2 8.�0�0�0�09 7.08482 8.8607C7.291 9.05(��)�5 7.49195 5 9.�0�0�0�0�0(�*h)�5 7.49195 5 10.0045C7.49195 5 10.8268 7.48392 2 �.41 7.48392 2 �.6(��N)�C7.4�0�0�0�0�0�0 11.�0�0�066 7.56696 12 7.78(��N)�9 (�*h)�C7.8�0�0�0�0�0 12 7.85892 2 �.9972 2 7.89642 2 �.9893C10(�ё)��0�0�0 11.175 (�*h)� 8.86875 12 6.15268C(�*h)�(��N)�.75625 9�0�0�0�0�0�0�039 0 6 0Z" fill="#�0�0849A">�_path></svg></a></div></div></div><di6�class="playground__code-block"></div></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="progress-bars-in-toolbars">Progress Bars in Toolbars<a href="#progress-bars-in-toolbars" class="hash-link" aria-label="Progress Bars in Toolbars への直接リンク" title="Progress Bars in Toolbars への直接リンク">�_a>�_> �-- --> <di6�class="playground"><di6�class="playground__container"><div class="playground__control-toolbar"><di6�class="playground__control-group"><button title="Sho7�Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular</button><button title="Sho7�JavaScript code" class="playground__control-button" data-text="JavaScript">JavaScript</button><button title="Sho7�Reac4�code" class="playground__control-button" data-text="React">React�_button><button title="Show Vue code" class="playground__control-button" data-text="Vue">Vue</button>�_div><div class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS</button><button title="MD mode" class="playground__control-button" data-text="MD">MD�_button></div><di6�class="playground__control-group playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="1."."." height="14" viewBox="0 0 10 14" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path d="M5.�0�0�02 5.743L7.(�yr)�5 1L1 8.01�0�0�05H4.(� T)�01L2.(� T)�01 �0�0L9 5.917�0�0�0�0�0H5.538(�*h)�Z" stroke="#�0�0849A" stroke-linejoin="round">�_path></svg></button><button class="playground__icon-button playground__icon-button--primar9�playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M2.06665 5 5 9V9C1.47755 5 9 1 8.(�yr)�242 2 2 1 7.�0�0�0�0�0�0�03V3C1 1.89542 2 1.89542 2 1 2 2 1H7.�0�0�0�0�0�0�03C8.(�yr)�242 2 2 1 9 1.47755 5 9 2.06667V2.06667" stroke="current">�_path><rect x="3" y="3" width="8" height="8" rx="1.5" stroke="current">�_rect></svg></button><button class="playground__icon-button"><svg aria-hidden="true" width="1."."." height="12" viewBox="0 0 10 12" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.(� g)�5 2.96247C3.0444(��N)�.42025 4.0�09(��N)�.13084 5(��N)�.13084C5.63538(��N)�.13084 6.046(��N)�.1(�yr)�(��e)� 6�0�0�0�0�0�0�0�0(��N)�.18615C6.6(� T)�(��N)�(�ё)�175 5 5 6.(��N)�148 2.26571 7.08582 2 2 2.36392C7.17445 2.685 5 7.�582 2 2 2.(�yr)�988 7.35(� g)�1 2.�0�0�0�09C7.38869 2.�0�0�0151 7.29402 3.07962 2 2 7.24155 3.145C7.18678 3.149 7.(�*h)�5 5 3.25445 7.09468 3.275C7.07�0�0�0�0�02 3.28702 2 2 7.06001 3.29655 5 7.04752 2 2 3.30345C7.04(�*h)��0�0�0�0�0�0�0�0�0�00696 7.03557�0�0�0�0�0�0�0�0�0�00995 7.030(��R)��0�0�0�0�0�0�0�0�0�0(�*h)�4C7.(��e)��0�0�02 2 3.��5 5 5 7.(��e)�792 3.�389 7.(��e)�66�0�0�0�0�0�0�0�0�0�01456C7.0258 3.�495 5 7.(��e)�502 2 3.��0�0�05 7.(��e)�(� T)�9 3.�572C7.(��e)��0�0�0�01 3.�(��)�1 7.(��e)��0�0�0�0�08 3.�665 5 5 7.(��e)�15�0�0�0�0�0�0�0�0�0�0171L7.(��e)�(��e)�2 2 3.�773C7.01992 2 2 3.�785 5 5 7.01DS5 3.��0�0�01 6.8 2.589L7.01DS5 3.��0�0�01C6.79385 3.(� T)�779 6.(�yr)��0�05 5 3.�0�0�0�0�0�0�0�0�05 5 5 6.042 2 3.�2C6.40662 3.1065 6.4�0�005�0�0�0�0�0.098 6�0�0�0�0�099(�]y)��0�0�0�0�0.008C6�0�0�0�0�06829�0�0�0�0�0.08669 6�0�0�0�0�0(�>y)�84�0�0�0�0�0.0(��R)�24 6(�ё)�(��N)�98�0�0�0�0�0.07787C6.02849�0�0�0�0�0.048(��N)� 5.61974�0�0�0�0�0.02804 5�0�0�0�0�0.02804C4.1DS9 3.(��e)�AS2 2 2 3.39995 5 3.26482 2.(�]y)�(�]y)�1 3.70846C2.05445 5 5 4.15209 1.�0�0�0012 2 4.78262 2 2 1.(� g)�049 5.(�yr)��0�08C0.0864 6(�ё)�58(�*h)� 0.82985 7.0699 0.987699 7.8�0�0�007.14555 8.63625 1.53517 9�0�0�0�0�05564(��N)�.10729 9.92028(��)�.679(� T)� 10.4849�0�0�0�0�0.40835 10.8694 4(�ё)�019 �.0252C4.99545 5 �.1 5.81801 11.10� 6.565(�yr)� 10.7955C7�0�0�0�0�0�0�004 10.4899 7.9�95 9.9(�]y)� 8.40147 9�0�0�0�0�00847C8.85098 8.644(�yr)� 9.0DS 7.8�0�0�0�0�094 9.0DS 7.065(� T)�C9.0DS 6.81767 9(�ё)�94(� T)� 6.616(��R)� 9.54545 6.616(��R)�C9.79649 6.616(��R)� 10 6.765 5 5 10 7.065(� T)�0 8.04�0�09 9.70675 8.99542 2 2 9.15�0�05 9.AS692C8.0792 2 2 10.6182 2 2 7.(��R)�705 �(�ё)�509 6.342 �.6244C5.99979 �.9979 4.99445 (�*h)�.0955 5 4.(��e)�455 �.9052C3.05462 2 2 �.7148 2.16372 2 �(�ё)�448 1.46445 5 5 10.5547C0.76(�yr)�06 9.86458 0(�ё)�89002 8.98�0�0�02 0.090758 8.(��e)�1C-0.09685(��e)� 7.07089 0.0(��e)�16�0�0�0�0�09 6.07871 0.380605 5.17704C0.759042 2 4.27�0�0�05 5 1.3999�0�0�0�0�0.50469(��N)�(�ё)�(� g)�15(��N)�.9(��)�47Z" fill="#�0�0849A">�_path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.1�391C4.85� -0.0437971 5.1439 -0.0437971 5.(�>y)�141 0.�0�0�0�0L7.59414(��N)��0�0�0�0�07438C7.765(��N)�.54957 7.765(��N)�.8�0�0�0�0� 7.59414�0�0�0�0�0.00879L5�0�0�0�0�0 5(�ё)��78C5.1�0�0�0�0�09 5.(� T)�695 5 5 4.85� 5.42697 4.67859 5(�ё)��78C4.50108 5.0765 5 4.50108 4.79255 5 4.67859 4.��0�07L6.(��)�99(��N)�.659L4.67859 0.765AS5C4.50108 0.590616 4.50108 0�0�0�0�0�00658 4.67859 0.1�391Z" fill="#73849A"></path>�_svg>�_button><a class="playground__icon-button" href="https:�]github.com/ionic-tea�wionic-docs/issuetzne�|choose" aria-label="Report an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M6 0(��)�.686� 0 0(��N)�.75625 0 6.1(�yr)�68C0 8.8�0�0�0�0�0 1.71964 11.175 4.10355 5 5 �.9893C4.14105 5 5 �.9972 2 4.17(�>y)�1 (�*h)� 4(�ё)�0536 12C4.(� T)�768 (�*h)� 4.5�0�039 11.�0�0�066 4.5�0�039 11.6946C4.5�0�039 11.54�0�0 4.50804 11.1616 4.50536 10.64�0�0C4(�ё)�AS36 10.69(��R)� 4.07946 10.96�0�0�0�0�0.9 10.96(��)�.74554 10.96(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��)�(�ё)�09(��R)� 9.1(�*h)�5 1.05 5 5 8.(��N)��0�0�0�0�02 1.05 5 5 8.(��N)��0�0�0�0�02C1.29375 8.55�0�0�05 5 1.�0�0�0�09 8.54462 2 2 1.85355 5 5 8.54464H1.85(��)�5C2.45892 2 8.59(��R)�1 2.775 9.182 2 2 2.775 9.184C3.075 9.702 2 2 3.47679 9.85445 5 3.�0�0�0571 9.85446C4.�695 5 9.85445 5 4.37142 2 9.76�0�0�0�09 4.(�yr)�142 2 9.69375C4.575 9.29�0�02 4.�0�0�0�05 5 9.(��e)�679 4.DS179 8.87143C3.57052 2 2 8.05 5 5 2.16962 2 2 8.18�0�0�09 2.16962 2 2 5.�0�0�0(�*h)�5C2.16962 2 2 5.15892 2 2.40268 4.0982 2.78571 4.18(�*h)�5C2.(�]y)�1 4.(��e)�589 2.�785 5 3.391 2.84462 2 2 2.55268C2.84462 2 2 2.55268 2.8875(��N)�.53929(��N)�.97857(��N)�.53929�0�0�0�0.19554(��N)�.53929�0�0�0�0�0.685(��N)�.6(� g)�(�>y)� 4.49464�0�0�0�0�0.184(��R)�C4.974��0�0�0�0�0.048 5.485(��N)�.925 5.997(�>y)�(��N)�.97857C6.50625(��N)�.925 7.02054�0�0�0�0�0.048 7.5�0�0�0�0�0.184(��R)�C8�0�0�0�0�008�0�0�0(��N)�.6(� g)�(�>y)� 8.799�(��N)�.53929 9.01607(��N)�.53929C9.10714(��N)�.53929 9.15 2.55268 9.15(��N)�.5(�yr)�68C9.47679�0�0�0�0�0�0�0�0�0�099� 9(�ё)�7054 4.02589 9(�ё)�08�0�0�0 4.125C9.596 4.6(�*h)�5 9.(��R)�5 5.16161 9.(��R)�5 5.�0�0�0(�*h)�5C9.(��R)�5 8.19375 8.(� T)�142 2 8.�0�0�0�09 7.08482 8.8607C7.291 9.05(��)�5 7.49195 5 9.�0�0�0�0�0(�*h)�5 7.49195 5 10.0045C7.49195 5 10.8268 7.48392 2 �.41 7.48392 2 �.6(��N)�C7.4�0�0�0�0�0�0 11.�0�0�066 7.56696 12 7.78(��N)�9 (�*h)�C7.8�0�0�0�0�0 12 7.85892 2 �.9972 2 7.89642 2 �.9893C10(�ё)��0�0�0 11.175 (�*h)� 8.86875 12 6.15268C(�*h)�(��N)�.75625 9�0�0�0�0�0�0�039 0 6 0Z" fill="#�0�0849A">�_path></svg></a></div></div></div><di6�class="playground__code-block"></div></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="テーマ">テーマ<a href="#テーマ" class="hash-link" aria-label="テーマへの直接リンク" title="テーマへの直接リンク">�_a>�_> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="colors">Colors<a href="#colors" class="hash-link" aria-label="Colors への直接リンク" title="Colors への直接リンク"></a></h3>  <div class="playground"><div class="playground__container"><di6�class="playground__control-toolbar"><div class="playground__control-group"><button title="Show Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular�_button><button title="Show JavaScrip4�code" class="playground__control-button" data-text="JavaScript">JavaScript�_button><button title="Show React code" class="playground__control-button" data-text="React">React</button><button title="Sho7�Vue code" class="playground__control-button" data-text="Vue">Vue�_button></div><di6�class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS�_button><button title="MD mode" class="playground__control-button" data-text="MD">MD</button>�_div><div class="playground__control-grou0�playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path d="M5.538(�*h)� 5.917�0�0�0�0�0L7.52915 1 8.01835H4.42601L2.42601 13L9 5.743H5.�0�0�02Z" stroke="#73849A" stroke-linejoin="round"></path>�_svg>�_button><button class="playground__icon-button playground__icon-button--primary playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M2.06667 9V9.47756 9 1 8.5(� g)�44 1 7.9�0�0�0�0�0�0�0�0�0�0�0�0�0 1.895�0�0�0�0�0 1.895�0�0�0�0�0 1�0�0�0�0�0 1H7.9�0�0�0�0�0�0�0�0C8.5(� g)�44 1 9 1.47756 9(��N)�.066672�6�.06667" stroke="current"></path><rec4�x=�0�0�0" y=�0�0�0" width="8" height="8" rx="1.5" stroke="current"></rect>�_svg>�_button><button class="playground__icon-button"><svg aria-hidden="true" width="10" height="(�*h)�" viewBox="0 0 10 (�*h)�" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2(�ё)�(� g)�15(��N)�.9(��)�47�0�0�0�0.0442 2 2 2.(� T)�(��e)�5 4.01109 2.�0�0082 2 2 5 2.�0�0084C5.�0�0�0�0�0�0�0�08 2.�0�0082 2 2 6.08145 5 2.15202 6.39(�>y)�1 2.18�5C6.68142 2.77 6.948(��N)�(�ё)�65 7.08584(��N)��0�0�0�0�0�0�0�0�0�0(��N)�C7.17445(��N)�.41686 7�0�0�0�0�01584(��N)�.52988 7�0�0�0�0�0(�yr)�(��N)�.73039C7�0�0�0�0�08869(��N)�.9�� 7(�ё)�94(��e)��0�0�0�0�0.07964 7(�ё)�55�0�0�0�0�0.14415C7.18678�0�0�0�0�0(�ё)��49 7.126�0�0�0�0�0(�ё)�5445 7.09468�0�0�0�0�0(�ё)�75C7.076(�>y)��0�0�0�0�0(�ё)�8704 7.0001�0�0�0�0�0(�ё)�9656 7.04754�0�0�0�0�0�0�0�0�0�0�0�045C7.02 3.30695 5 7.�0�0555 5 5 3.30995 7.�0�0082 3.�24C7.029�0�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017 7.027(��N)��0�0�0�0�0�0�0�0�0�0�0�089 7.0265 5 3.�456C7.(��e)�58�0�0�0�0�0�0�0�0�0�01496 7.025�0�0�0�0�0�0�0�0�0�0�0�01535 7.02429�0�0�0�0�0�0�0�0�0�015(�]y)�C7.0�0�0�0�0�0��0�0�0�0�0�0�0�0�0�016 7.0(� g)�38�0�0�0�0�0�0�0�0�0�01667 7.05 3.�L7.020�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017�0�0C7.01994�0�0�0�0�0�0�0�0�0�01787 7.01905�0�0�0�0�0�0�0�0�0�018� 6.81818(��N)�.91589L7.01905�0�0�0�0�0�0�0�0�0�018�C6.7�0�0�085�0�0�0�0�0.42779 6.536�0�0�0�0�0�0�0�0�0�03637 6.410�0�0�0�0�0�0�0�0�0�0.114(�*h)�C6.406(��)��0�0�0�0�0.1065 6.40305 3.09881 6.39972 3.09108C6.36(��R)�9 3.08669 6.�0�0�0�0282 2 2 3.08(� g)�2 2 2 6.29298 3.07787C6.(��e)�849 3.04892 5.�972 2 2 3.(��e)�AS2 2 2 5 3.(��e)�AS4C4.1909�0�0�0�0�0.02804�0�0�0�0�0�0�0�0�0�09996�0�0�0�0�0(�ё)�64(��R)�(��N)�.727�0�0�0�0�0.70846(��)�.05447 4.1(�yr)�09 1.530�0�0 4.7(��R)�64 1(�ё)�2049 5.52038C0.910862 2 2 6.252 0.(��R)�985 7.0699 0.987699 7.85307C1.14555 8.�0�0�0�0�0(��)�5 1.�0�0�0�5 5 5 9.35562 2 2 2.10(�]y)�9 9.(��N)�(��e)�8C2.67942 10.4849 3.40�0�0�05 10.8692 2 2 4.2019 11.(��e)�(�yr)�C4.99546 11.181 5.AS1 �.1011 6.56552 10.7955C7.�302 2 2 10.4899 7.95195 9.97241 8.40145 5 5 9.30847C8.85098 8.64452 9.09091 7.86392 2 2 9.09091 7.06542C9.09091 6.765 5 5 9.29442 6.�682 9.54545 6.�682C9.79649 6.�682 10 6.81767 10 7.06542C10 8.039 9.70675 8.99544 9.15735 9.806(��N)�C8.60794 10.�84 7.82705 11.2509 6.9�0�0(� T)� 11.(��)�44C5.99979 11.9979 4.99445 12.0956 4.02455 11.DS(�yr)��0�0�0�0.05464 11.48(��N)�.1�0�0�0�0�0�0�0 11.2448 1.46447 10.5547C0.765205 5 9.86458 0.28DS(��e)� 8.985(�>y)� 0.0960758 8.028�C-0.0968502 7.07089 0.006639 6.078 0�0�0�0�0�0AS05 5.17704C0.75DS�0�0�0�0�0 4(�ё)�7536 1�0�0�0�0�0999 3.50469 2.(� g)�5 2.96247Z" fill="#73849A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.�0�0�0�0C4.8561 -0.0�0�0�0�0�079 5.1�0�0�0�0�09 -0.0�0�0�0�0�079 5�0�0�0�0�0 0.1�391L7.592 2 2 2.37�0�0�0�0�08C7.77165 2.54955 5 5 7.77165 2.�0�0�0361 7.592 2 2 3.00879L5.(�>y)�141 5.25178C5.1439 5.42697 4.8561 5.(� T)�695 5 5 4.67859 5.25178C4.50108 5.0766 4.50108 4.7(��N)�56 4.67859 4.61737L6.6299 2.69159L4.67859 0.765805C4.50108 0.5DS�5 5 4.50108 0.30658 4.67859 0.�0�0�0�0Z" fill="#�0�0849A">�_path></svg></button><a class="playground__icon-button" href="httpsa_/github.co�wionic-team/ionic-doctzissues/new/choose" aria-label="Repor4�an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M5 5 0C2.68661 0 0 2.75(��)�5 0 6.15268C0 8.87142 2 1.962 2 2 �.175 4.1�0�057 11.98�0�0�0C4.107 11.99�0�0 4.1�0�0 12 4.20�0�0�05 5 (�*h)�C4.42768 12 4.��0�0�0�09 �.8365 5 4.��0�0�0�09 �.6946C4.��0�0�0�09 �.5472 2 4.50AS2 2 2 �.1�5 5 4.50�0�0�05 5 10.6473C4.28�0�05 5 10.6982 4.07945 5 10.7195 5 3.9 10.7196C2.74552 2 2 10.7195 5 2.48302 2 2 9.(��R)��0�0�0�0�02 2.48302 2 2 9.(��R)��0�0�0�0�02C2.20982 9.�25 1.81607 8.9(� g)�(�>y)� 1.81607 8.9(� g)�(�>y)�(�ё)��0�0�075 8.55536 1.8�0�039 8.54464 1.8�0�0�057 8.54464.85625(��)�.458�0�0�0 8.598(��N)�.775 9.1(��R)�14(��N)�.775 9.1(��R)�14�0�0�0�0.075 9.70714�0�0�0�0�0.47679 9.85446�0�0�0�0�0.835 9.85446C4.11696 9.85446 4�0�0�0�0�0�0�0�0�0�0 9.7�0�0�0�0�039 4.5�0�0�0�0�0 9.6�0�0�075C4.575 9(�ё)�97(�>y)� 4.73036 9.02679 4.90179 8.8�0�0�0�0�0�0�0�0�0.57054 8.71607(��N)�.16964 8.18839(��N)�.16964 5.8�25(��)�.16964 5.158�0�0�0(��N)�.4(��e)�68 4.609(��R)�(��N)�.785 4.125(��)�.724� 4.02589(��N)�.51786�0�0�0�0�0�0�0�0�0�099�(��N)�.84464(��N)�.5(�yr)�68(��)�.84464(��N)�.5(�yr)�68(��N)�.8875 2.�0�0�0(��N)�9 2.97855 5 5 2.�0�0�0(��N)�9C3.19552 2 2 2.�0�0�0(��N)�9 3.68571 2.(��)��0�0�0�0�02 4.49462 2 2 3.18482C4.971 3.04(��R)�1 5.48571 2.98(�*h)�5 5.99�0�02 2.97857C6.50(��)�5 2.98(�*h)�5 7.(��e)�052 2 2 3.04(��R)�1 7.5 3.18482C8.30892 2 2.(��)��0�0�0�0�02 8.791 2.�0�0�0(��N)�9 9.0105 5 5 2.�0�0�0(��N)�9C9.102 2 2 2.�0�0�0(��N)�9 9.15(��N)�.5(�yr)�68 9.15 2.55268C9.47679 3.391 9.27052 2 2 4.(��e)�589 9.20892 2 4.18(�*h)�5C9.59195 5 4.�25 9.825 5.1�� 9.825 5.8�25C9.825 8.1�0�0�075 8.4�0�0�0�0�0 8.7�0�039 7.084(��R)� 8.86607C7(�ё)�99� 9.05625 7.496 9.4�25 7.496 10.0045C7.496 10.(��R)�68 7.4�0�0�0�0�0�0 11.49� 7.4�0�0�0�0�0�0 11.692C7.48392 2 �.8365 5 7.56695 5 (�*h)� 7.78929 12C7.(��R)�142 2 (�*h)� 7.858�0�0�0 11.99�0�0 7.896�0�0�0�0�0 11.98�0�0�00.282 2 �.175 12 8.86875 (�*h)� 6.1(�yr)�682 2.75(��)�5 9.��0�0�0�09 0 5 5 0Z" fill="#73849A"></path>�_svg>�_a>�_div>�_div>�_div><div class="playground__code-block">�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cssカスタムプロパティ">CSSカスタムプロパティ<a href="#cssカスタムプロパティ" class="hash-link" aria-label="CSSカスタムプロパティへの直接リンク" title="CSSカスタムプロパティへの直接リンク">�_a>�_> �-- --> <di6�class="playground"><di6�class="playground__container"><div class="playground__control-toolbar"><di6�class="playground__control-group"><button title="Sho7�Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular</button><button title="Sho7�JavaScript code" class="playground__control-button" data-text="JavaScript">JavaScript</button><button title="Sho7�Reac4�code" class="playground__control-button" data-text="React">React�_button><button title="Show Vue code" class="playground__control-button" data-text="Vue">Vue</button>�_div><div class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS</button><button title="MD mode" class="playground__control-button" data-text="MD">MD�_button></div><di6�class="playground__control-group playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="1."."." height="14" viewBox="0 0 10 14" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path d="M5.�0�0�02 5.743L7.(�yr)�5 1L1 8.01�0�0�05H4.(� T)�01L2.(� T)�01 �0�0L9 5.917�0�0�0�0�0H5.538(�*h)�Z" stroke="#�0�0849A" stroke-linejoin="round">�_path></svg></button><button class="playground__icon-button playground__icon-button--primar9�playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M2.06665 5 5 9V9C1.47755 5 9 1 8.(�yr)�242 2 2 1 7.�0�0�0�0�0�0�03V3C1 1.89542 2 1.89542 2 1 2 2 1H7.�0�0�0�0�0�0�03C8.(�yr)�242 2 2 1 9 1.47755 5 9 2.06667V2.06667" stroke="current">�_path><rect x="3" y="3" width="8" height="8" rx="1.5" stroke="current">�_rect></svg></button><button class="playground__icon-button"><svg aria-hidden="true" width="1."."." height="12" viewBox="0 0 10 12" fill="none" xmlns="httpa_/www.w3.or�u2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.(� g)�5 2.96247C3.0444(��N)�.42025 4.0�09(��N)�.13084 5(��N)�.13084C5.63538(��N)�.13084 6.046(��N)�.1(�yr)�(��e)� 6�0�0�0�0�0�0�0�0(��N)�.18615C6.6(� T)�(��N)�(�ё)�175 5 5 6.(��N)�148 2.26571 7.08582 2 2 2.36392C7.17445 2.685 5 7.�582 2 2 2.(�yr)�988 7.35(� g)�1 2.�0�0�0�09C7.38869 2.�0�0�0151 7.29402 3.07962 2 2 7.24155 3.145C7.18678 3.149 7.(�*h)�5 5 3.25445 7.09468 3.275C7.07�0�0�0�0�02 3.28702 2 2 7.06001 3.29655 5 7.04752 2 2 3.30345C7.04(�*h)��0�0�0�0�0�0�0�0�0�00696 7.03557�0�0�0�0�0�0�0�0�0�00995 7.030(��R)��0�0�0�0�0�0�0�0�0�0(�*h)�4C7.(��e)��0�0�02 2 3.��5 5 5 7.(��e)�792 3.�389 7.(��e)�66�0�0�0�0�0�0�0�0�0�01456C7.0258 3.�495 5 7.(��e)�502 2 3.��0�0�05 7.(��e)�(� T)�9 3.�572C7.(��e)��0�0�0�01 3.�(��)�1 7.(��e)��0�0�0�0�08 3.�665 5 5 7.(��e)�15�0�0�0�0�0�0�0�0�0�0171L7.(��e)�(��e)�2 2 3.�773C7.01992 2 2 3.�785 5 5 7.01DS5 3.��0�0�01 6.8 2.589L7.01DS5 3.��0�0�01C6.79385 3.(� T)�779 6.(�yr)��0�05 5 3.�0�0�0�0�0�0�0�0�05 5 5 6.042 2 3.�2C6.40662 3.1065 6.4�0�005�0�0�0�0�0.098 6�0�0�0�0�099(�]y)��0�0�0�0�0.008C6�0�0�0�0�06829�0�0�0�0�0.08669 6�0�0�0�0�0(�>y)�84�0�0�0�0�0.0(��R)�24 6(�ё)�(��N)�98�0�0�0�0�0.07787C6.02849�0�0�0�0�0.048(��N)� 5.61974�0�0�0�0�0.02804 5�0�0�0�0�0.02804C4.1DS9 3.(��e)�AS2 2 2 3.39995 5 3.26482 2.(�]y)�(�]y)�1 3.70846C2.05445 5 5 4.15209 1.�0�0�0012 2 4.78262 2 2 1.(� g)�049 5.(�yr)��0�08C0.0864 6(�ё)�58(�*h)� 0.82985 7.0699 0.987699 7.8�0�0�007.14555 8.63625 1.53517 9�0�0�0�0�05564(��N)�.10729 9.92028(��)�.679(� T)� 10.4849�0�0�0�0�0.40835 10.8694 4(�ё)�019 �.0252C4.99545 5 �.1 5.81801 11.10� 6.565(�yr)� 10.7955C7�0�0�0�0�0�0�004 10.4899 7.9�95 9.9(�]y)� 8.40147 9�0�0�0�0�00847C8.85098 8.644(�yr)� 9.0DS 7.8�0�0�0�0�094 9.0DS 7.065(� T)�C9.0DS 6.81767 9(�ё)�94(� T)� 6.616(��R)� 9.54545 6.616(��R)�C9.79649 6.616(��R)� 10 6.765 5 5 10 7.065(� T)�0 8.04�0�09 9.70675 8.99542 2 2 9.15�0�05 9.AS692C8.0792 2 2 10.6182 2 2 7.(��R)�705 �(�ё)�509 6.342 �.6244C5.99979 �.9979 4.99445 (�*h)�.0955 5 4.(��e)�455 �.9052C3.05462 2 2 �.7148 2.16372 2 �(�ё)�448 1.46445 5 5 10.5547C0.76(�yr)�06 9.86458 0(�ё)�89002 8.98�0�0�02 0.090758 8.(��e)�1C-0.09685(��e)� 7.07089 0.0(��e)�16�0�0�0�0�09 6.07871 0.380605 5.17704C0.759042 2 4.27�0�0�05 5 1.3999�0�0�0�0�0.50469(��N)�(�ё)�(� g)�15(��N)�.9(��)�47Z" fill="#�0�0849A">�_path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.1�391C4.85� -0.0437971 5.1439 -0.0437971 5.(�>y)�141 0.�0�0�0�0L7.59414(��N)��0�0�0�0�07438C7.765(��N)�.54957 7.765(��N)�.8�0�0�0�0� 7.59414�0�0�0�0�0.00879L5�0�0�0�0�0 5(�ё)��78C5.1�0�0�0�0�09 5.(� T)�695 5 5 4.85� 5.42697 4.67859 5(�ё)��78C4.50108 5.0765 5 4.50108 4.79255 5 4.67859 4.��0�07L6.(��)�99(��N)�.659L4.67859 0.765AS5C4.50108 0.590616 4.50108 0�0�0�0�0�00658 4.67859 0.1�391Z" fill="#73849A"></path>�_svg>�_button><a class="playground__icon-button" href="https:�]github.com/ionic-tea�wionic-docs/issuetzne�|choose" aria-label="Report an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M6 0(��)�.686� 0 0(��N)�.75625 0 6.1(�yr)�68C0 8.8�0�0�0�0�0 1.71964 11.175 4.10355 5 5 �.9893C4.14105 5 5 �.9972 2 4.17(�>y)�1 (�*h)� 4(�ё)�0536 12C4.(� T)�768 (�*h)� 4.5�0�039 11.�0�0�066 4.5�0�039 11.6946C4.5�0�039 11.54�0�0 4.50804 11.1616 4.50536 10.64�0�0C4(�ё)�AS36 10.69(��R)� 4.07946 10.96�0�0�0�0�0.9 10.96(��)�.74554 10.96(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��N)�.4�0�0�004 9.8(� g)�(�>y)�(��)�(�ё)�09(��R)� 9.1(�*h)�5 1.05 5 5 8.(��N)��0�0�0�0�02 1.05 5 5 8.(��N)��0�0�0�0�02C1.29375 8.55�0�0�05 5 1.�0�0�0�09 8.54462 2 2 1.85355 5 5 8.54464H1.85(��)�5C2.45892 2 8.59(��R)�1 2.775 9.182 2 2 2.775 9.184C3.075 9.702 2 2 3.47679 9.85445 5 3.�0�0�0571 9.85446C4.�695 5 9.85445 5 4.37142 2 9.76�0�0�0�09 4.(�yr)�142 2 9.69375C4.575 9.29�0�02 4.�0�0�0�05 5 9.(��e)�679 4.DS179 8.87143C3.57052 2 2 8.05 5 5 2.16962 2 2 8.18�0�0�09 2.16962 2 2 5.�0�0�0(�*h)�5C2.16962 2 2 5.15892 2 2.40268 4.0982 2.78571 4.18(�*h)�5C2.(�]y)�1 4.(��e)�589 2.�785 5 3.391 2.84462 2 2 2.55268C2.84462 2 2 2.55268 2.8875(��N)�.53929(��N)�.97857(��N)�.53929�0�0�0�0.19554(��N)�.53929�0�0�0�0�0.685(��N)�.6(� g)�(�>y)� 4.49464�0�0�0�0�0.184(��R)�C4.974��0�0�0�0�0.048 5.485(��N)�.925 5.997(�>y)�(��N)�.97857C6.50625(��N)�.925 7.02054�0�0�0�0�0.048 7.5�0�0�0�0�0.184(��R)�C8�0�0�0�0�008�0�0�0(��N)�.6(� g)�(�>y)� 8.799�(��N)�.53929 9.01607(��N)�.53929C9.10714(��N)�.53929 9.15 2.55268 9.15(��N)�.5(�yr)�68C9.47679�0�0�0�0�0�0�0�0�0�099� 9(�ё)�7054 4.02589 9(�ё)�08�0�0�0 4.125C9.596 4.6(�*h)�5 9.(��R)�5 5.16161 9.(��R)�5 5.�0�0�0(�*h)�5C9.(��R)�5 8.19375 8.(� T)�142 2 8.�0�0�0�09 7.08482 8.8607C7.291 9.05(��)�5 7.49195 5 9.�0�0�0�0�0(�*h)�5 7.49195 5 10.0045C7.49195 5 10.8268 7.48392 2 �.41 7.48392 2 �.6(��N)�C7.4�0�0�0�0�0�0 11.�0�0�066 7.56696 12 7.78(��N)�9 (�*h)�C7.8�0�0�0�0�0 12 7.85892 2 �.9972 2 7.89642 2 �.9893C10(�ё)��0�0�0 11.175 (�*h)� 8.86875 12 6.15268C(�*h)�(��N)�.75625 9�0�0�0�0�0�0�039 0 6 0Z" fill="#�0�0849A">�_path></svg></a></div></div></div><di6�class="playground__code-block"></div></div> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-shadow-parts">CSS Shado7�Parts<a href="#css-shadow-parts" class="hash-link" aria-label="CSS Shado7�Parts への直接リンク" title="CSS Shadow Parts への直接リンク"></a></h3>  <div class="playground"><div class="playground__container"><di6�class="playground__control-toolbar"><div class="playground__control-group"><button title="Show Angular code" class="playground__control-button playground__control-button--selected" data-text="Angular">Angular�_button><button title="Show JavaScrip4�code" class="playground__control-button" data-text="JavaScript">JavaScript�_button><button title="Show React code" class="playground__control-button" data-text="React">React</button><button title="Sho7�Vue code" class="playground__control-button" data-text="Vue">Vue�_button></div><di6�class="playground__control-group"><button title="iOS mode" class="playground__control-button playground__control-button--selected" data-text="iOS">iOS�_button><button title="MD mode" class="playground__control-button" data-text="MD">MD</button>�_div><div class="playground__control-grou0�playground__control-group--end"><button class="playground__icon-button playground__icon-button--primary"><svg aria-hidden="true" width="10" height="14" viewBox="0 0 10 14" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path d="M5.538(�*h)� 5.917�0�0�0�0�0L7.52915 1 8.01835H4.42601L2.42601 13L9 5.743H5.�0�0�02Z" stroke="#73849A" stroke-linejoin="round"></path>�_svg>�_button><button class="playground__icon-button playground__icon-button--primary playground__icon-button--disabled" aria-disabled="true"><svg aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg" width="12" height="12" viewBox="0 0 (�*h)� 12" fill="none"><path d="M2.06667 9V9.47756 9 1 8.5(� g)�44 1 7.9�0�0�0�0�0�0�0�0�0�0�0�0�0 1.895�0�0�0�0�0 1.895�0�0�0�0�0 1�0�0�0�0�0 1H7.9�0�0�0�0�0�0�0�0C8.5(� g)�44 1 9 1.47756 9(��N)�.066672�6�.06667" stroke="current"></path><rec4�x=�0�0�0" y=�0�0�0" width="8" height="8" rx="1.5" stroke="current"></rect>�_svg>�_button><button class="playground__icon-button"><svg aria-hidden="true" width="10" height="(�*h)�" viewBox="0 0 10 (�*h)�" fill="none" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2(�ё)�(� g)�15(��N)�.9(��)�47�0�0�0�0.0442 2 2 2.(� T)�(��e)�5 4.01109 2.�0�0082 2 2 5 2.�0�0084C5.�0�0�0�0�0�0�0�08 2.�0�0082 2 2 6.08145 5 2.15202 6.39(�>y)�1 2.18�5C6.68142 2.77 6.948(��N)�(�ё)�65 7.08584(��N)��0�0�0�0�0�0�0�0�0�0(��N)�C7.17445(��N)�.41686 7�0�0�0�0�01584(��N)�.52988 7�0�0�0�0�0(�yr)�(��N)�.73039C7�0�0�0�0�08869(��N)�.9�� 7(�ё)�94(��e)��0�0�0�0�0.07964 7(�ё)�55�0�0�0�0�0.14415C7.18678�0�0�0�0�0(�ё)��49 7.126�0�0�0�0�0(�ё)�5445 7.09468�0�0�0�0�0(�ё)�75C7.076(�>y)��0�0�0�0�0(�ё)�8704 7.0001�0�0�0�0�0(�ё)�9656 7.04754�0�0�0�0�0�0�0�0�0�0�0�045C7.02 3.30695 5 7.�0�0555 5 5 3.30995 7.�0�0082 3.�24C7.029�0�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017 7.027(��N)��0�0�0�0�0�0�0�0�0�0�0�089 7.0265 5 3.�456C7.(��e)�58�0�0�0�0�0�0�0�0�0�01496 7.025�0�0�0�0�0�0�0�0�0�0�0�01535 7.02429�0�0�0�0�0�0�0�0�0�015(�]y)�C7.0�0�0�0�0�0��0�0�0�0�0�0�0�0�0�016 7.0(� g)�38�0�0�0�0�0�0�0�0�0�01667 7.05 3.�L7.020�0�0�0�0�0�0�0�0�0�0�0�0�0�0�017�0�0C7.01994�0�0�0�0�0�0�0�0�0�01787 7.01905�0�0�0�0�0�0�0�0�0�018� 6.81818(��N)�.91589L7.01905�0�0�0�0�0�0�0�0�0�018�C6.7�0�0�085�0�0�0�0�0.42779 6.536�0�0�0�0�0�0�0�0�0�03637 6.410�0�0�0�0�0�0�0�0�0�0.114(�*h)�C6.406(��)��0�0�0�0�0.1065 6.40305 3.09881 6.39972 3.09108C6.36(��R)�9 3.08669 6.�0�0�0�0282 2 2 3.08(� g)�2 2 2 6.29298 3.07787C6.(��e)�849 3.04892 5.�972 2 2 3.(��e)�AS2 2 2 5 3.(��e)�AS4C4.1909�0�0�0�0�0.02804�0�0�0�0�0�0�0�0�0�09996�0�0�0�0�0(�ё)�64(��R)�(��N)�.727�0�0�0�0�0.70846(��)�.05447 4.1(�yr)�09 1.530�0�0 4.7(��R)�64 1(�ё)�2049 5.52038C0.910862 2 2 6.252 0.(��R)�985 7.0699 0.987699 7.85307C1.14555 8.�0�0�0�0�0(��)�5 1.�0�0�0�5 5 5 9.35562 2 2 2.10(�]y)�9 9.(��N)�(��e)�8C2.67942 10.4849 3.40�0�0�05 10.8692 2 2 4.2019 11.(��e)�(�yr)�C4.99546 11.181 5.AS1 �.1011 6.56552 10.7955C7.�302 2 2 10.4899 7.95195 9.97241 8.40145 5 5 9.30847C8.85098 8.64452 9.09091 7.86392 2 2 9.09091 7.06542C9.09091 6.765 5 5 9.29442 6.�682 9.54545 6.�682C9.79649 6.�682 10 6.81767 10 7.06542C10 8.039 9.70675 8.99544 9.15735 9.806(��N)�C8.60794 10.�84 7.82705 11.2509 6.9�0�0(� T)� 11.(��)�44C5.99979 11.9979 4.99445 12.0956 4.02455 11.DS(�yr)��0�0�0�0.05464 11.48(��N)�.1�0�0�0�0�0�0�0 11.2448 1.46447 10.5547C0.765205 5 9.86458 0.28DS(��e)� 8.985(�>y)� 0.0960758 8.028�C-0.0968502 7.07089 0.006639 6.078 0�0�0�0�0�0AS05 5.17704C0.75DS�0�0�0�0�0 4(�ё)�7536 1�0�0�0�0�0999 3.50469 2.(� g)�5 2.96247Z" fill="#73849A"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M4.67859 0.�0�0�0�0C4.8561 -0.0�0�0�0�0�079 5.1�0�0�0�0�09 -0.0�0�0�0�0�079 5�0�0�0�0�0 0.1�391L7.592 2 2 2.37�0�0�0�0�08C7.77165 2.54955 5 5 7.77165 2.�0�0�0361 7.592 2 2 3.00879L5.(�>y)�141 5.25178C5.1439 5.42697 4.8561 5.(� T)�695 5 5 4.67859 5.25178C4.50108 5.0766 4.50108 4.7(��N)�56 4.67859 4.61737L6.6299 2.69159L4.67859 0.765805C4.50108 0.5DS�5 5 4.50108 0.30658 4.67859 0.�0�0�0�0Z" fill="#�0�0849A">�_path></svg></button><a class="playground__icon-button" href="httpsa_/github.co�wionic-team/ionic-doctzissues/new/choose" aria-label="Repor4�an issue" target="_blank" rel="noreferrer"><svg aria-hidden="true" width="(�*h)�" height="(�*h)�" viewBox="0 0 12 (�*h)�" fill="none"><path d="M5 5 0C2.68661 0 0 2.75(��)�5 0 6.15268C0 8.87142 2 1.962 2 2 �.175 4.1�0�057 11.98�0�0�0C4.107 11.99�0�0 4.1�0�0 12 4.20�0�0�05 5 (�*h)�C4.42768 12 4.��0�0�0�09 �.8365 5 4.��0�0�0�09 �.6946C4.��0�0�0�09 �.5472 2 4.50AS2 2 2 �.1�5 5 4.50�0�0�05 5 10.6473C4.28�0�05 5 10.6982 4.07945 5 10.7195 5 3.9 10.7196C2.74552 2 2 10.7195 5 2.48302 2 2 9.(��R)��0�0�0�0�02 2.48302 2 2 9.(��R)��0�0�0�0�02C2.20982 9.�25 1.81607 8.9(� g)�(�>y)� 1.81607 8.9(� g)�(�>y)�(�ё)��0�0�075 8.55536 1.8�0�039 8.54464 1.8�0�0�057 8.54464.85625(��)�.458�0�0�0 8.598(��N)�.775 9.1(��R)�14(��N)�.775 9.1(��R)�14�0�0�0�0.075 9.70714�0�0�0�0�0.47679 9.85446�0�0�0�0�0.835 9.85446C4.11696 9.85446 4�0�0�0�0�0�0�0�0�0�0 9.7�0�0�0�0�039 4.5�0�0�0�0�0 9.6�0�0�075C4.575 9(�ё)�97(�>y)� 4.73036 9.02679 4.90179 8.8�0�0�0�0�0�0�0�0�0.57054 8.71607(��N)�.16964 8.18839(��N)�.16964 5.8�25(��)�.16964 5.158�0�0�0(��N)�.4(��e)�68 4.609(��R)�(��N)�.785 4.125(��)�.724� 4.02589(��N)�.51786�0�0�0�0�0�0�0�0�0�099�(��N)�.84464(��N)�.5(�yr)�68(��)�.84464(��N)�.5(�yr)�68(��N)�.8875 2.�0�0�0(��N)�9 2.97855 5 5 2.�0�0�0(��N)�9C3.19552 2 2 2.�0�0�0(��N)�9 3.68571 2.(��)��0�0�0�0�02 4.49462 2 2 3.18482C4.971 3.04(��R)�1 5.48571 2.98(�*h)�5 5.99�0�02 2.97857C6.50(��)�5 2.98(�*h)�5 7.(��e)�052 2 2 3.04(��R)�1 7.5 3.18482C8.30892 2 2.(��)��0�0�0�0�02 8.791 2.�0�0�0(��N)�9 9.0105 5 5 2.�0�0�0(��N)�9C9.102 2 2 2.�0�0�0(��N)�9 9.15(��N)�.5(�yr)�68 9.15 2.55268C9.47679 3.391 9.27052 2 2 4.(��e)�589 9.20892 2 4.18(�*h)�5C9.59195 5 4.�25 9.825 5.1�� 9.825 5.8�25C9.825 8.1�0�0�075 8.4�0�0�0�0�0 8.7�0�039 7.084(��R)� 8.86607C7(�ё)�99� 9.05625 7.496 9.4�25 7.496 10.0045C7.496 10.(��R)�68 7.4�0�0�0�0�0�0 11.49� 7.4�0�0�0�0�0�0 11.692C7.48392 2 �.8365 5 7.56695 5 (�*h)� 7.78929 12C7.(��R)�142 2 (�*h)� 7.858�0�0�0 11.99�0�0 7.896�0�0�0�0�0 11.98�0�0�00.282 2 �.175 12 8.86875 (�*h)� 6.1(�yr)�682 2.75(��)�5 9.��0�0�0�09 0 5 5 0Z" fill="#73849A"></path>�_svg>�_a>�_div>�_div>�_div><div class="playground__code-block">�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="プロパティ">プロパティ<a href="#プロパティ" class="hash-link" aria-label="プロパティへの直接リンク" title="プロパティへの直接リンク"></a></h2> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="buffer">buffer<a href="#buffer" class="hash-link" aria-label="buffer への直接リンク" title="buffer への直接リンク">�_a>�_1�6��p> <div class="table-wrapper"><table><tbody><tr><td><strong>Description�_strong></td><td>バッファと値ごより小さい場合、バッファの円が表示されます。バッファは[0, 1]の間である必要があります。�_td></tr><tr><td><strong>Attribute</strong>�_td><td><code>buffer</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong>Default�_strong></td><td><code>1</code>�_td></tr>�_tbody>�_table>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="color">color<a href="#color" class="hash-link" aria-label="color への直接リンク" title="color への直接リンク"></a></h3> <di6�class="table-wrapper"><table><tbody><tr><td><strong>Description</strong>�_td><td>アプリケーションのカラーパレットから使用する色を指定します。デフォルトのオプションは以下の通りです�2�<code>"primary"</code>, <code>"secondary"</code>, <code>"tertiary"�_code>, <code>"success"�_code>, <code>"warning"�_code>, <code>"danger"</code>, <code>"light"</code>, <code>"medium"�_code>, と <code>"dark"</code> です．色に関する詳しい情報は <a href= Ydocs/j�tdocs/theming/basics">theming�_a> を参照してください。</td>�_tr><tr><td><strong>Attribute�_strong></td><td><code>color</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>"danger" ｜ "dark"<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>��t�"light"<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>��t�"medium" ｜ "primary" ｜ "secondary" ｜ "success" ｜ "tertiary"<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>��t�"warning"<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>��t�string ｜ undefined�_code></td>�_tr><tr><td><strong>Default�_strong></td><td><code>undefined</code>�_td></tr>�_tbody>�_table>�_div> <1�6��p class="anchor anchorWithHideOnScrollNavbar_WYt5" id="mode">mode<a href="#mode" class="hash-link" aria-label="mode への直接リンク" title="mode への直接リンク">�_a>�_1�6��p> <div class="table-wrapper"><table><tbody><tr><td><strong>Description�_strong></td><td>modeは、どのプラットフォームのスタイルを使用するかを決定します。<br><br>This is a <a href= Ydocs/j�tdocs/core-concepts/fundamentals#virtual-properties">virtual property�_a> tha4�is set once during initialization and will not update if you change its value after the initial render.</td>�_tr><tr><td><strong>Attribute�_strong></td><td><code>mode�_code></td>�_tr><tr><td><strong>Type</strong>�_td><td><code>"ios" ｜ "md"</code>�_td></tr><tr><td><strong>Default</strong>�_td><td><code>undefined�_code></td>�_tr></tbody></table></div> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="reversed">reversed<a href="#reversed" class="hash-link" aria-label="reversed への直接リンク" title="reversed への直接リンク"></a></h3> <di6�class="table-wrapper"><table><tbody><tr><td><strong>Description</strong>�_td><td>true の場合、プログレスバーの方向を反転させます。�_td></tr><tr><td><strong>Attribute</strong>�_td><td><code>reversed</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>boolean</code>�_td></tr><tr><td><strong>Default</strong>�_td><td><code>false�_code></td>�_tr></tbody></table></div> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="type">type<a href="#type" class="hash-link" aria-label="type への直接リンク" title="type への直接リンク"></a></h3> <di6�class="table-wrapper"><table><tbody><tr><td><strong>Description</strong>�_td><td>処理�にかかる時間が既知か否かに応じて、プログレスバーの状態を指定します。デフォルトのオプションは以下の通り。determinate"<code>(アニメーションなし),</code>"indeterminate"` (左から右へアニメーションする).�_td></tr><tr><td><strong>Attribute</strong>�_td><td><code>type</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>"determinate"<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�s�i�g�n�"�>�; <�/�s�p�a�n�>�<�s�p�a�n� �c�l�a�s�s�=�"�n�a�k�e�d�_�a�u�r�a�l�"�>�(��l�)�<�/�s�p�a�n�>��t�"indeterminate"</code>�_td></tr><tr><td><strong>Default</strong>�_td><td><code>'determinate&#t�7;�_code></td>�_tr></tbody></table></div> <h2 2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="value">value<a href="#value" class="hash-link" aria-label="value への直接リンク" title="value への直接リンク">�_a>�_1�6��p> <div class="table-wrapper"><table><tbody><tr><td><strong>Description�_strong></td><td>この値は、<code>type</code>が<code>"determinate"�_code>である場合に、アクティブバーをどれだけ表示するかを決定するものです。値は [0, 1] の間であるべきです。</td>�_tr><tr><td><strong>Attribute�_strong></td><td><code>value</code>�_td></tr><tr><td><strong>Type�_strong></td><td><code>number�_code></td>�_tr><tr><td><strong>Default�_strong></td><td><code>0</code>�_td></tr>�_tbody>�_table>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="イベント">イベント<a href="#イベント" class="hash-link" aria-label="イベントへの直接リンク" title="イベン�8�への直接リンク">�_a>�_> <p>No events available for this component.�_p> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="メソッド">メソッド<a href="#メソッド" class="hash-link" aria-label="メソッドへの直接リンク" title="メソッ�9�への直接リンク">�_a>�_> <p>No public methods available for this component.�_p> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="css-shadow-parts-1">CSS Shadow Parts<a href="#css-shadow-parts-1" class="hash-link" aria-label="CSS Shadow Parts への直接リンク" title="CSS Shado7�Parts への直接リンク">�_a>�_> <div class="table-wrapper"><table><thead><tr><th>Name</th><th>Description</th>�_tr></thead><tbody><tr><td><code>progress�_code></td><td>type<code>が</code>"determinate"<code>のときは現在値を表示し、</code>type<code>が</code>"indeterminate"`のときは前後にスライドするプログレスバーです。</td>�_tr><tr><td><code>stream</code>�_td><td>バッファリング中に表示されるアニメーションの円です。これは <code>buffer</code> が設定され、<code>type</code> が <code>"determinate"�_code �のときのみ表示される。</td>�_tr><tr><td><code>track�_code></td><td>プログレスバーの後ろにあるトラックバーです。buffer<code>プロパティが設定され、</code>type<code>�=��_code>"determinate"<code>である場合、トラックは</code>buffer` 値の幅となる。</td>�_tr></tbody></table></div> <h2 class="anchor anchorWithHideOnScrollNavbar_WYt5" id="cssカスタムプロパティ-1">CSSカスタムプロパティ<a href="#cssカスタムプロパティ-1" class="hash-link" aria-label="CSSカスタムプロパティへの直接リンク" title="CSSカスタムプロパティへの直接リンク"></a></h2> <di6�class="tabs-container tabList__CuJ"><ul role="tablist" aria-orientation="horizontal" class="tabs"><li role="tab" tabindex="0" aria-selected="true" class="tabs__item tabItem_LNqP tabs__item--active">iOS</li><li role="tab" tabindex="-1" aria-selected="false" class="tabs__item tabItem_LNqP">MD</li>�_ul><di6�class="margin-top--md"><di6�role="tabpanel" class="tabItem_Ymn6"><di6�class="table-wrapper"><table><thead><tr><th>Name�_th><th>Description�_th></tr>�_thead><tbody><tr><td><code>--background</code>�_td><td>プログレストラックの背景、または <code>buffer�_code �が設定されている場合はバッファバー。�_td></tr><tr><td><code>--progress-background</code>�_td><td>現在値を�表すプログレスバーの背景�_td></tr>�_tbody>�_table>�_div>�_div><div role="tabpanel" class="tabItem_Ymn6" hidden=""><div class="table-wrapper"><table><thead><tr><th>Name</th><th>Description</th>�_tr></thead><tbody><tr><td><code>--background�_code></td><td>プログレストラックの背景、または <code>buffer</code> が設定されている場合はバッファバー。</td>�_tr><tr><td><code>--progress-background�_code></td><td>現在値を表すプログレスバーの背景�_td></tr>�_tbody>�_table>�_div>�_div>�_div>�_div> < class="anchor anchorWithHideOnScrollNavbar_WYt5" id="slots">Slots<a href="#slots" class="hash-link" aria-label="Slots への直接リンク" title="Slots への直接リンク"></a></h2> <p>No slots available for this component.�_p>�_div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="ro7�margin-top--sm theme-doc-footer-edit-meta-row"><di6�class="col"><a href="httpsa_/crowdin.com/project/ionic-docs" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="none" width="14" height="14" viewBox="0 0 12 2 2 14" class="iconEdit_dqTn" aria-hidden="true" xmlns="httpa_/www.w3.or�u2000/svg"><g><path d="M7 0�0�0�0�0.13438 0 0�0�0�0�0�0(�ё)�15�0�0�0�0�0 0 7.178�0�0C0 10.35(��N)�.00625 13.�0�075 4.7875 �0�0.9875C4.�0�0�0(�*h)�5 �0�0.9969 4.86875 14 4.90625 14C5.16562 2 14 5(�ё)�65(��)� 13.AS94 5(�ё)�65(��)� 13.6438C5(�ё)�65(��)� 13.4719 5(�ё)�5938 13.(��e)�19 5(�ё)�5625 12.(� T)�19C4.9�0�0�075 12.48(�*h)� 4.75938 12.50�0�0�0�0�0 4.55 (�*h)�.5063C3.20�2 2 (�*h)�.5062 2 2.89685 5 5 �.4592 2 2 2.89685 5 5 �.4594C2.572 10.6�2 2 2.�875 10.4092 2 2 2.�875 10.4094C1.50�0�0�08 9.98(�*h)�5 2.�562 9.96875 2.1625 9.96875H2.165�0�0�0�0�0(��)�.86875 10.�0�0(�*h)��0�0�0�0�0(�ё)�375 10.7(�*h)�5 3.�0�0�0�0�075 10.25�0�0�0�0.5875 ��0�0�0�0�025 4.05625 11.4969 4.475 11.4969C4.8�0�0(�*h)� 11.4969 5.1 11.3906 5(�ё)�75 11.3094C5�0�0�0�0�0375 10.8469 5.�875 10.5�2 5.875 10�0�0�0�0�05C4.16562 2 10.1688 2.�0�0�0(�*h)�5 9.55�2 2 2.�0�0�0(�*h)�5 6.AS�2C2.�0�0�0(�*h)�5 6.01875 2.AS�2 5.372 2 3.25 4.878�0�0�0�0�0�0.178(�*h)� 4.69688(��N)�.9375 3.96562 2 3.�875 2.973C3.�875 2.972 2 3.36875 2.9625�0�0�0�0�0.475(��N)�.9(��)�5C3.(�]y)�2 2.9625 4�0�0�0�0�0�0�0�0�0�0.05937 5(�ё)��0�0�0�0�075�0�0�0�0�0.715(��)�C5.8�0�0(�*h)��0�0�0�0�0.55625 6.4�0�0�0�0�0.478(�*h)� 6.99687�0�0�0�0�0.475C7.5DS(��)��0�0�0�0�0.478(�*h)� 8.1DS�0�0�0�0�0�0�0�0�0�0.55625 8.75 3.562C9.69375 3.05�0�0�05 5 5 10(�ё)�655 5 2.9625 10.�88(��N)�.9(��)�5C10.625(��N)�.9(��)�5 10.675(��N)�.978�0�0 10.675 2.973C�.0562 2 3.96562 2 10.8155 5 4.69688 10.7�0�0�0�0�05 5 5 4.873C�.1DS5 5 5.38(�*h)�5 �.4(��)�5 6.(��e)�185 5 5 �.4(��)�5 6.AS�2C�.4(��)�5 9.55�0�0�05 5 5 9.(��R)�5 10.1655 5 8.26562 10�0�0�0�0�0�0�0�0�0�08C8.�562 10.5655 5 8.74062 2 �.0�0�01 8.74062 2 �.69C8.74062 2 (�*h)�.6�2 2 8.�0�0(�*h)�5 �0�0.4062 8.�0�0(�*h)�5 �0�0.6406C8.�0�0(�*h)�5 �0�0.8092 2 2 8.(��R)�2 14 9.0875 14C9.125 12 2 2 9.16875 �0�0.9969 9.25 13.98751.9969 13.�0�075 12 2 2 10�0�0�0�0�0469 14 7.178�0�02 2 2 3.562 2 10.8655 5 0 5 5 5 0Z" fill="currentColor">�_path></g></svg>このページを編集</a></div><di6�class="col lastUpdated_JAkA"></div></div></footer>�_article><nav class="pagination-nav docusaurus-mt-lg" aria-label="ドキュメントページ"><a class="pagination-nav__link pagination-nav__link--prev" href= Ydocs/j�tap}vloading"><di6�class="pagination-nav__sublabel">前へ</div><di6�class="pagination-nav__label">ion-loading</div></a><a class="pagination-nav__link pagination-nav__link--next" href="/doctzja/api/skeleton-text"><div class="pagination-nav__sublabel">次へ�_div><div class="pagination-nav__label">ion-skeleton-text�_div>�_a>�_nav>�_div>�_div><div class="col col-�0�0�0�0"><div class="toc-wrapper"><>Contents</h2><div class="tableOfContents_bqdL thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#determinate" class="table-of-contents__link toc-highlight">Determinate�_a><ul><li><a href="#buffer" class="table-of-contents__link toc-highlight">Buffer�_a>�_li></ul>�_li><li><a href="#indeterminate" class="table-of-contents__link toc-highlight">Indeterminate</a></li><li><a href="#progress-bars-in-toolbars" class="table-of-contents__link toc-highlight">Progress Bars in Toolbars�_a>�_li><li><a href="#テーマ" class="table-of-contents__link toc-highlight">テーマ</a><ul><li><a href="#colors" class="table-of-contents__link toc-highlight">Colors</a></li>�_ul></li><li><a href="#cssカスタムプロパティ" class="table-of-contents__link toc-highlight">CSSカスタムプロパティ�_a><ul><li><a href="#css-shadow-parts" class="table-of-contents__link toc-highlight">CSS Shadow Parts�_a>�_li></ul>�_li><li><a href="#プロパティ" class="table-of-contents__link toc-highlight">プロパティ</a><ul><li><a href="#buffer" class="table-of-contents__link toc-highlight">buffer</a></li><li><a href="#color" class="table-of-contents__link toc-highlight">color�_a>�_li><li><a href="#mode" class="table-of-contents__link toc-highlight">mode</a></li><li><a href="#reversed" class="table-of-contents__link toc-highlight">reversed�_a>�_li><li><a href="#type" class="table-of-contents__link toc-highlight">type</a></li><li><a href="#value" class="table-of-contents__link toc-highlight">value�_a>�_li></ul>�_li><li><a href="#イベント" class="table-of-contents__link toc-highlight">イベント</a></li><li><a href="#メソッド" class="table-of-contents__link toc-highlight">メソッド�_a>�_li><li><a href="#css-shadow-parts-1" class="table-of-contents__link toc-highlight">CSS Shado7�Parts</a></li><li><a href="#cssカスタムプロパティ-1" class="table-of-contents__link toc-highlight">CSSカスタムプロパティ�_a>�_li><li><a href="#slots" class="table-of-contents__link toc-highlight">Slots</a></li>�_ul></div><a href="https:�]crowdin.co�wprojec�zionic-docs" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="none" width="14" height="14" viewBox="0 0 14 14" class="iconEdit_dqTn" aria-hidden="true" xmlns="http:�]www.d�m�.org(�W)�00�]svg"><g><path d="M5 5 5 0C3.�0�0�0�0�0�0�08 0 0 3.562 2 0 7.173C0 10�0�0�0�0�05 2.00(��)�5 �0�0.0375 4.7875 13.9875C4.8�25 13.9969 4.86875 12 2 2 4.DS(��)�5 14C5.165�0�0�0�0�0 12 2 2 5.26562 �0�0.8092 2 2 5.26562 �0�0.6�0�0�0�0�08C5.26562 �0�0.49 5.25�0�0�08 �0�0.09 5.25(��)�5 (�*h)�.49C4.99375 (�*h)�.42 4.75�0�0�08 (�*h)�.5062 2 4.55 12.50�0�0�0�0�0�0�0�0�0(�ё)��0�0�0�0 12.50�0�0�0�0�0(��N)�.89687 11.4594(��N)�.89687 11.4594(��)�.578(�*h)� 10.�0�0�0�0�0�0�0(��N)�.11875 10.4094(��N)�.11875 10.4094.50938 9.925(��N)�.115(��)� 9.96875(��N)�.1(��)�5 9.96875H2.16563C2.86875 10.0�2 3.�0�0�0�0�075 10.25�0�0�0�0�0(�ё)�375 10.7(�*h)�5C3.5875 11.(�>y)�5 4.05(��)�5 �.4969 4.475 �.4969C4.AS�2 �.4969 5.1 ��0�0�0�0�0DS5 5 5.275 ��0�0�0�0�0094C5.�0�0�0�075 10.8469 5.51875 10.�0�0�0(�*h)� 5.71875 10.35C4.165�0�0�0�0�0 10.1688(��N)�.5�25 9.5�0�0�0�0�0(��N)�.5�25 6.8�0�0(�*h)�(��)�.5�25 6.01875(��N)�.8�0�0(�*h)� 5�0�0�0�0�078�0�0�0�0�0�0�0(�ё)�5 4.873C3.172 4.69688 2.�0�0�075�0�0�0�0�0.965�0�0�0�0�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�01875(��N)�.978�0�0�0�0�0�0�0�0�0�0�0�06875(��N)�.9(��)�5 3.475 2.9625�0�0�0�0.728(�*h)�(��N)�.9(��)�5 4.2 2 3.05�0�0�05 5 5 5.24375 3.562C5.AS�2 3.55(��)�5 6.2 2 2 3.472 6.99685 5 5 3.475C7.59062 3.472 8.19062 2 3.55(��)�5 8.75�0�0�0�0�0.715(��)�C9.6�0�0�075�0�0�0�0�0.05937 10.2656(��N)�.9(��)�5 10.5188 2.96250.(��)�5 2.9625 10.675 2.972 2 10.675(��N)�.978�0�01.05�0�0�0�0�0�0�0�0�0�0.965�0�0�0�0�0 10.56 4.69688 10.7437 4.878�0�01.1906 5�0�0�0�0�025 11.4625 6.087 11.4625 6.8�0�0(�*h)�1.4625 9.55937 9.825 10.1656 8(�ё)�65(��)� 10.3438C8.515(��)� 10.5656 8.740�0�0�0�0�0 11.00� 8.740�0�0�0�0�0 11.6719C8.740�0�0�0�0�0 12.�0�0�0�0�0�0�0 8.7�25 13.40(��)� 8.7�25 13.6406C8.7�25 13.AS94 8.828(�*h)� 12 2 2 9.0875 14C9.(�*h)�5 14 9.16875 13.9969 9(�ё)�(�*h)�5 �0�0.9875C�.9969 �0�0.0375 14 10.3469 12 2 2 7.173C14�0�0�0�0�0(�ё)�15�0�0�0�0�0 10.8656 0 7 0Z" fill="currentColor"></path>�_g>�_svg>このページを編集�_a>�_div>�_div>�_div>�_div>�_main></div></div></div></div></div> �_body> �_html<�/�d�i�v�>�<�d�i�v� �c�l�a�s�s�=�"�n�a�k�e�d�_�c�t�r�l�"�>� �<�f�o�r�m� �a�c�t�i�o�n�=�"�/�i�n�d�e�x�.�c�g�i�/�c�o�n�t�r�a�s�t�"� �m�e�t�h�o�d�=�"�g�e�t�"� �n�a�m�e�=�"�g�a�t�e�"�>� �<�p�>�<�a� �h�r�e�f�=�"�h�t�t�p�:�/�/�a�l�t�s�t�y�l�e�.�a�l�f�a�s�a�d�o�.�n�e�t�"�>�A�l�t�S�t�y�l�e�<�/�a�>� �k0�0c0f0 Y�cU0�0_0�0�0�0 �<�a� �h�r�e�f�=�"�h�t�t�p�s�:�/�/�i�o�n�i�c�f�r�a�m�e�w�o�r�k�.�c�o�m�/�d�o�c�s�/�j�a�/�a�p�i�/�p�r�o�g�r�e�s�s�-�b�a�r�"�>�(�-�&�g�t�;��0�0�0�0�0)�<�/�a�>� �/� �<�l�a�b�e�l�>��0�0�0�0:� �<�i�n�p�u�t� �t�y�p�e�=�"�t�e�x�t�"� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�u�r�l�"� �v�a�l�u�e�=�"�h�t�t�p�s�:�/�/�i�o�n�i�c�f�r�a�m�e�w�o�r�k�.�c�o�m�/�d�o�c�s�/�j�a�/�a�p�i�/�p�r�o�g�r�e�s�s�-�b�a�r�"� �s�i�z�e�=�"�2�2�"� �/�>�<�/�l�a�b�e�l�>� �<�l�a�b�e�l�>��0�0�0:� �<�s�e�l�e�c�t� �n�a�m�e�=�"�n�a�k�e�d�_�p�o�s�t�_�m�o�d�e�"�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�d�e�f�a�u�l�t�"�>��0�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�s�p�e�e�c�h�"�>��X�0�0�0�0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�r�u�b�y�"�>��0�0�NM0<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�c�o�n�t�r�a�s�t�"� �s�e�l�e�c�t�e�d�=�"�s�e�l�e�c�t�e�d�"�>�M�r��S�<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�l�a�r�g�e�r�-�t�e�x�t�"�>��eW[�b'Y<�/�o�p�t�i�o�n�>� �<�o�p�t�i�o�n� �v�a�l�u�e�=�"�m�o�b�i�l�e�"�>��0�0�0�0<�/�o�p�t�i�o�n�>� �<�/�s�e�l�e�c�t�>� �<�i�n�p�u�t� �t�y�p�e�=�"�s�u�b�m�i�t�"� �v�a�l�u�e�=�"�h�:y"� �/�>� �<�/�p�>� �<�/�f�o�r�m�>� �<�/�d�i�v�>� � � �