# 進行状況バー

{% tabs %}
{% tab title="詳細ガイド" %}
![](/files/suMuuAAezTeDnGP2yjJu)

まず、Adalo Marketplaceからプログレスバーコンポーネントをインストールしていることを確認し、左パネルのプラスボタンをクリックして、プログレスバーコンポーネントを見つけ、アプリの画面にドラッグアンドドロップして配置します。

プログレスバーコンポーネントでは、幅と高さを調整するためにドラッグできます。

左パネルでは、次のプロパティを設定できます：

* 進捗値
  * これをTo Doリストアプリで使用する場合、マジックテキストを使用して値をLogged In User > Tasks > Countに設定し、その後、マジックテキストチップをクリックして、Completed? がTrueであるタスクのみをカウントするようにフィルタを追加します
* 最大値
  * これはプログレスバーが完了したときの値です。これは10のような静的な数値であるか、Logged in User > Tasks > Countなどのマジックテキストを使用してこの値を設定することもできます
* 色
  * この色は進捗値を表します
* 背景色
  * これはまだ完了していないプログレスバーの部分の色です
    {% endtab %}
    {% endtabs %}

## ヘルプ

この記事に関する追加のヘルプが必要な場合は、いつでも[コミュニティフォーラム](https://forum.adalo.com/)で質問できます！投稿する際には、この記事へのリンクも貼り付けてください！


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.adalo.com/ja/component-basics/marketplace-components/progress-bar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.