手順 1：ビューの設定

この手順では、〈Upload Files〉ボタンとプログレスバーを表示する場所を決定するマークアップを追加します。以下を実行します。

ソリューションエクスプローラで、Views | Shared フォルダを展開し、_Layout.cshtml をダブルクリックして、ファイルを開きます。

以下のマークアップをページの <body> タグ内に追加します。このマークアップは、〈Upload Files〉ボタンとプログレスバーが表示される２つの </div> 要素を追加します。

ソースビュー	コードのコピー
<div class="page"> <div id="header"> <div id="title"> <h2>概要</h2> <div class="main demo"> <!-- デモマークアップの開始 --> <div id="upload" style="width: 300px"> </div> <div id="progressbar"></div> <!-- デモマークアップの終了 --> </div> </div> </div>

ソースビュー

コードのコピー

   <div class="page">
        <div id="header">
<div id="title">
                <h2>概要</h2>
<div class="main demo">
<!-- デモマークアップの開始 -->
<div id="upload" style="width: 300px">
      </div>
      <div id="progressbar"></div>
<!-- デモマークアップの終了 -->
      </div>
      </div>
      </div>