# Percent

## Overview

A field to display percentages. The component supports number formatting, locales, and such view types as numeric, progress, and doughnut. 

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2Fzzr6645w1QD0wwDWHKBr%2FCleanShot%202025-08-14%20at%2012.57.46%402x-min.png?alt=media&#x26;token=5085bfa5-6bf4-4180-9338-030a2b74713e" alt=""><figcaption></figcaption></figure>

### Properties

<table><thead><tr><th width="123.5078125">Name</th><th width="156.46875">Type</th><th>Description</th></tr></thead><tbody><tr><td><code>name</code></td><td><code>string</code></td><td>Component name</td></tr></tbody></table>

### Methods

<table><thead><tr><th width="101.55859375">Name</th><th width="139.4765625">Parameters</th><th width="103.38671875">Returns</th><th>Description</th></tr></thead><tbody><tr><td><code>setValue</code></td><td><code>value: number</code></td><td><code>void</code></td><td>Set component value. Accepts a number between 0 and 1.</td></tr></tbody></table>

### Triggers

<table><thead><tr><th width="117.8828125">Name</th><th>Description</th></tr></thead><tbody><tr><td><strong>On Init</strong></td><td>Triggered when the component is initialized</td></tr></tbody></table>