Skip to main content
Sign In |
  Help (new window)

Progress Bar

Go Search
Presentation
Progress Bar
Lists
Wiki
Tabs
  
SSPUG Presentation 8/20/2009 > Progress Bar > Documents > EasyTab  

Web Part Page Title Bar image
EasyTab

 ‭(Hidden)‬ EasyTabs

 Documents
EasyTab.aspxEasyTabPeter Allen
TabPage.aspxTabPagePeter Allen

 Task - Advance Progress Bar
0.Not StartedUse SHIFT+ENTER to open the menu (new window).
0.Not Started
1-Green<DIV style='position:relative; background-color:Beige; border: 1px solid silver;'><DIV style='font-size:0px; border-top: 14px solid Gainsboro; width:100%;'></DIV><DIV style='position:absolute; top:0px;'></DIV></DIV>
1.StartedUse SHIFT+ENTER to open the menu (new window).
1.Started
10%
1-Green<DIV style='position:relative; background-color:Beige; border: 1px solid silver;'><DIV style='font-size:0px; border-top: 14px solid ADFF2F; width:10%;'></DIV><DIV style='position:absolute; top:0px;'>10%</DIV></DIV>
1.StartedUse SHIFT+ENTER to open the menu (new window).
1.Started
40%
2-Yellow<DIV style='position:relative; background-color:Beige; border: 1px solid silver;'><DIV style='font-size:0px; border-top: 14px solid yellow; width:40%;'></DIV><DIV style='position:absolute; top:0px;'>40%</DIV></DIV>
1.StartedUse SHIFT+ENTER to open the menu (new window).
1.Started
75%
3-Red<DIV style='position:relative; background-color:Beige; border: 1px solid silver;'><DIV style='font-size:0px; border-top: 14px solid red; width:75%;'></DIV><DIV style='position:absolute; top:0px;'>75%</DIV></DIV>
2.On-HoldUse SHIFT+ENTER to open the menu (new window).
2.On-Hold
50%
1-Green<DIV style='position:relative; background-color:Beige; border: 1px solid silver;'><DIV style='font-size:0px; border-top: 14px solid Thistle; width:50%;'></DIV><DIV style='position:absolute; top:0px;'>50%</DIV></DIV>
3.CompletedUse SHIFT+ENTER to open the menu (new window).
3.Completed
78%
1-Green<DIV style='position:relative; background-color:Beige; border: 1px solid silver;'><DIV style='font-size:0px; border-top: 14px solid skyblue; width:100%;'></DIV><DIV style='position:absolute; top:0px;'>100%</DIV></DIV>
4.ClosedUse SHIFT+ENTER to open the menu (new window).
4.Closed
50%
1-Green<DIV style='position:relative; background-color:Beige; border: 1px solid silver;'><DIV style='font-size:0px; border-top: 14px solid Black; width:100%;'></DIV><DIV style='position:absolute; top:0px;'></DIV></DIV>

 Tasks - Simple Progress Bar
Not StartedUse SHIFT+ENTER to open the menu (new window).
<SPAN style='width:100%;background-color:Beige;'> Not Started</SPAN><SPAN><SPAN style='font-size:24px;font-weight:bold;color:Beige;'>•</SPAN> </SPAN><SPAN style='width:100%;font-weight:bold;color:Beige;'> Not Started</SPAN>
In ProgressUse SHIFT+ENTER to open the menu (new window).
<SPAN style='width:100%;background-color:Limegreen;'> In Progress</SPAN><SPAN><SPAN style='font-size:24px;font-weight:bold;color:Limegreen;'>•</SPAN> </SPAN><SPAN style='width:100%;font-weight:bold;color:Limegreen;'> In Progress</SPAN>
CompletedUse SHIFT+ENTER to open the menu (new window).
<SPAN style='width:100%;background-color:DeepSkyBlue;'> Completed</SPAN><SPAN><SPAN style='font-size:24px;font-weight:bold;color:DeepSkyBlue;'>•</SPAN> </SPAN><SPAN style='width:100%;font-weight:bold;color:DeepSkyBlue;'> Completed</SPAN>
DeferredUse SHIFT+ENTER to open the menu (new window).
<SPAN style='width:100%;background-color:Gold;'> Deferred</SPAN><SPAN><SPAN style='font-size:24px;font-weight:bold;color:Gold;'>•</SPAN> </SPAN><SPAN style='width:100%;font-weight:bold;color:Gold;'> Deferred</SPAN>
Waiting for Some elseUse SHIFT+ENTER to open the menu (new window).
<SPAN style='width:100%;background-color:Silver;'> Waiting on someone else</SPAN><SPAN><SPAN style='font-size:24px;font-weight:bold;color:Silver;'>•</SPAN> </SPAN><SPAN style='width:100%;font-weight:bold;color:Silver;'> Waiting on someone else</SPAN>

 ‭(Hidden)‬ HTML calculated column