<%@ Page Language="C#" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
<title>Telerik ASP.NET Example</title>
<script src="scripts.js" type="text/javascript"></script>
<link href="styles.css" rel="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<div class="demo-container">
<div class="PollContainer">
<div class="RatingTitleContainer">
<div class="RatingTitle">
<h4>Rate your favorite Telerik skins </h4>
</div>
</div>
<div class="RatingsContainer">
<div class="RatingUnitsContainer">
<div class="RatingUnit">
<div id="BlackSkinIcon" class="SkinIcon">
</div>
<div class="RatingSkinName">
Black Skin
</div>
<hr />
<telerik:RadRating RenderMode="Lightweight" ID="RadRating1" runat="server" Precision="Item" OnClientLoad="storeRatingReference" />
</div>
<div class="RatingUnit">
<div id="DefaultSkinIcon" class="SkinIcon">
</div>
<div class="RatingSkinName">
Default Skin
</div>
<hr />
<telerik:RadRating RenderMode="Lightweight" ID="RadRating2" runat="server" Precision="Item" OnClientLoad="storeRatingReference" />
</div>
<div class="RatingUnit">
<div id="GlowSkinIcon" class="SkinIcon">
</div>
<div class="RatingSkinName">
Glow Skin
</div>
<hr />
<telerik:RadRating RenderMode="Lightweight" ID="RadRating3" runat="server" Precision="Item" OnClientLoad="storeRatingReference" />
</div>
<div class="RatingUnit">
<div id="MetroTouchSkinIcon" class="SkinIcon">
</div>
<div class="RatingSkinName">
Metro Touch Skin
</div>
<hr />
<telerik:RadRating RenderMode="Lightweight" ID="RadRating4" runat="server" Precision="Item" OnClientLoad="storeRatingReference" />
</div>
<div class="RatingUnit">
<div id="SilkSkinIcon" class="SkinIcon">
</div>
<div class="RatingSkinName">
Silk Skin
</div>
<hr />
<telerik:RadRating RenderMode="Lightweight" ID="RadRating5" runat="server" Precision="Item" OnClientLoad="storeRatingReference" />
</div>
<hr />
</div>
<telerik:RadButton RenderMode="Lightweight" ID="RadButton1" runat="server" CssClass="VoteButton rbPrimaryButton" AutoPostBack="false" ButtonType="SkinnedButton" Text="VOTE NOW"
OnClientClicked="updateProgressBars" />
</div>
<div class="ProgressBarsContainer">
<div class="ResultsTitle">
Poll results
</div>
<div class="ProgressBarUnitsContainer">
<div class="ProgressBarUnit">
<div class="ProgressBarSkinName">Black Skin</div>
<telerik:RadProgressBar RenderMode="Lightweight" ID="RadProgressBar1" runat="server" BarType="Percent" ShowLabel="true" Value="0" Width="80%">
<ClientEvents OnLoad="storeProgressBarReference" />
</telerik:RadProgressBar>
</div>
<div class="ProgressBarUnit">
<span class="ProgressBarSkinName">Default Skin</span>
<telerik:RadProgressBar RenderMode="Lightweight" ID="RadProgressBar2" runat="server" BarType="Percent" ShowLabel="true" Value="0" Width="80%">
<ClientEvents OnLoad="storeProgressBarReference" />
</telerik:RadProgressBar>
</div>
<div class="ProgressBarUnit">
<span class="ProgressBarSkinName">Glow Skin</span>
<telerik:RadProgressBar RenderMode="Lightweight" ID="RadProgressBar3" runat="server" BarType="Percent" ShowLabel="true" Value="0" Width="80%">
<ClientEvents OnLoad="storeProgressBarReference" />
</telerik:RadProgressBar>
</div>
<div class="ProgressBarUnit">
<span class="ProgressBarSkinName">Metro Touch Skin</span>
<telerik:RadProgressBar RenderMode="Lightweight" ID="RadProgressBar4" runat="server" BarType="Percent" ShowLabel="true" Value="0" Width="80%">
<ClientEvents OnLoad="storeProgressBarReference" />
</telerik:RadProgressBar>
</div>
<div class="ProgressBarUnit">
<span class="ProgressBarSkinName">Silk Skin</span>
<telerik:RadProgressBar RenderMode="Lightweight" ID="RadProgressBar5" runat="server" BarType="Percent" ShowLabel="true" Value="0" Width="80%">
<ClientEvents OnLoad="storeProgressBarReference" />
</telerik:RadProgressBar>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>