import{_ as e,a as r,b as o,ag as s}from"./chunks/framework.BcrMLAmg.js";const u=JSON.parse('{"title":"ProgressBar","description":"","frontmatter":{},"headers":[],"relativePath":"references/elements/ProgressBar.md","filePath":"references/elements/ProgressBar.md","lastUpdated":1757844696000}'),a={name:"references/elements/ProgressBar.md"};function d(n,t,i,l,p,h){return o(),r("div",null,t[0]||(t[0]=[s('<h1 id="progressbar" tabindex="-1">ProgressBar <a class="header-anchor" href="#progressbar" aria-label="Permalink to &quot;ProgressBar&quot;">​</a></h1><p><em>This is the progress bar class. It provides a visual representation of progress</em><em>with optional percentage display and customizable colors.</em></p><p>Extends: <code>VisualElement</code></p><h2 id="properties" tabindex="-1">Properties <a class="header-anchor" href="#properties" aria-label="Permalink to &quot;Properties&quot;">​</a></h2><table tabindex="0"><thead><tr><th>Property</th><th>Type</th><th>Default</th><th>Description</th></tr></thead><tbody><tr><td>progress</td><td>number</td><td>0</td><td>Current progress value (0-100)</td></tr><tr><td>showPercentage</td><td>boolean</td><td>false</td><td>Whether to show the percentage text in the center</td></tr><tr><td>progressColor</td><td>color</td><td>lime</td><td>The color used for the filled portion of the progress bar</td></tr><tr><td>direction</td><td>string</td><td>right</td><td>The direction of the progress bar (&quot;up&quot;, &quot;down&quot;, &quot;left&quot;, &quot;right&quot;)</td></tr></tbody></table>',5)]))}const g=e(a,[["render",d]]);export{u as __pageData,g as default};