# 進行状況バー

{% tabs %}
{% tab title="詳細ガイド" %}
![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-ff3b07b2575aa8fe390befa7c9188fa03dbe350f%2Fimage%20\(169\).png?alt=media)

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

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

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

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

## ヘルプ

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