</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <div id="ProjectTitle">ComponentOne MVC5 Tools for ASP.NET Wijmo</div> <div id="PageTitle"><div id="PageTitleText">wijprogressbar Step 1 of 3: Setting up the View</div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel">Collapse All</label> <label id="ExpandAllLabel" style="display: none;">Expand All</label> </span> </div> <div class="BreadcrumbsContainer"><table><tr><td> <a href="Widgets.html">Widgets</a> > <a href="Wijprogressbar.html">wijprogressbar</a> > <a href="Wijprogressbar_Tutorial.html">wijprogressbar Tutorial</a> > wijprogressbar Step 1 of 3: Setting up the View</td></tr></table></div> <div id="BodyContent"> <p>In this step you'll add the markup to add <code><div></code> elements where the vertical and horizontal progress bars will appear. Complete the following:</p> <ol> <li>In the Solution Explorer, expand the <b>Views | Shared</b> folder and double-click <b>_Layout.cshtml</b> to open the file.</li> <li>Add the following markup within the <code><body></code> tags of the page to add <code><div></code> elements where the vertical and horizontal progress bars will appear. <pre> <code><div class="layout ui-helper-clearfix"> <h6> Horizontal</h6> <div id="hProBar"> </div> </div> <div class="layout ui-helper-clearfix"> <h6> Vertical</h6> <div id="vProBar"> </div> </div></code> </pre> </li> </ol> <a name="seealsobookmark"></a> </div> <div id="FooterContent"> <p> </p><p> </p><hr style="height: 1px"><p>Copyright @ GrapeCity, inc. All rights reserved.</p> <a target="_blank" href="http://feedback.componentone.com/forums/255768-asp-net-documentation">Documentation Feedback</a> | <a href="http://our.componentone.com/groups/" target="_blank">Product Support Forum</a> </div> </body> </html>