CMS：プログレスバーを追加・設定する

Wix の使用方法を学び、サイトとビジネスを構築する。

直感的な Wix 機能でサイトをデザインして管理する。

定期購入、プラン、請求を管理する。

ビジネスを運営し、サイト会員とつながる。

ドメインの購入、サイトへの接続と移管方法を学ぶ。

ビジネスとウェブプレゼンスを成長させるツールを入手する。

SEO とマーケティングツールで知名度を上げる。

より効率的な作業を支援する高度な機能を利用する。

解決策や既知の問題について確認し、問い合わせる。

コースとチュートリアルでスキルを習得する。

ウェブデザインやマーケティングなどのヒントを得る。

検索エンジンからのトラフィックを増やす方法について学ぶ。

フルスタックプラットフォームでカスタムサイトを構築する。

あなたの目標達成をサポートするエキスパートを見つけましょう。

CMS：プログレスバーを追加・設定する

6分

サイトにプログレスバーを追加して、目標達成に向けた進捗状況を視覚的に表示します。プログレス値（進捗状況の値）は、Velo コードまたは CMS コレクションのフィールドを使用して表すことができます。目標値には、変化しない静的値を設定することも、Velo を使用した動的値を設定することも、コレクションのフィールドで選択した動的値を設定することもできます。

プログレスバーの使用例：

ToDo リストで「完了」としてマークしたタスク数を表示する
オンボーディングで完了したステップの割合を表示する
ファンディングで集まった現在の金額を表示する
現在までの請願書の署名者数を表示する

ヒント：

Velo を使用すると、CMS に接続せずにプログレスバーの値を更新できます。プログレスバー API を操作する方法はこちら（英語）

始める前に：

サイトに CMS を追加して、プログレス値の数値フィールドを含むコレクションを作成します。

プログレスバーを追加・設定する方法：

Wix エディタ

Wix Studio エディタ

エディタにアクセスします。
エディタで Velo が有効になっていることを確認してください。
1. 上部の「開発モード」をクリックします。
2. 「開発モードを有効にする」をクリックします。
エディタ左側で「パーツを追加」をクリックします。
「インタラクティブ」をクリックします。
「インジケーター」下で「プログレスバー」をクリックします。
プログレスバーをクリックしてページにドラッグします。
目標値を動的値として設定するか、静的値として設定するかを選択します：

動的目標値

静的目標値

プログレスバーを追加・設定する方法：

お役に立ちましたか？

お役に立ちましたか？