Skip to main content

Path to SharePoint

Go Search
Home
User's Toolkit
Easy Tabs
Image Rotator
Fisheye
Calendars
Gantt
Cross-Site
HTMLcc
FusionCharts
Stock Quotes
Programs Dashboard
BU 1
BU 2
  
Path to SharePoint > Tasks-Visualization  

Tasks-Visualization

Modify settings and columns
  
View: 
Task 1Use SHIFT+ENTER to open the menu (new window).
In Progress(2) Normal
10%
<span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(255,51,0); width:10%;height:14px;'><span style='position:absolute; top:0px;'> 10%</span></span></span><span style='font-weight:bold; font-size:12px; color:gold;'>(2) Normal</span><span style='font-size:12px; width:100%;font-weight:bold;background-color:gold;'>(2) Normal</span><span style='padding:-10px;font-weight:bold; font-size:24px; background-color:black; color:gold;'>✹</span><span style='background-color:black;font-size:24px;'><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:yellow;'>✺</span><span style='padding:-10px;color:gray;'>✹</span></span><marquee style='width:100px;'><span style='width:250px'><span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(255,51,0); width:10%;height:14px;'><span style='position:absolute; top:0px;'> 10%</span></span></span> - Task 1 - In Progress</span></marquee><input type='button' value='Click me' onclick='alert("Task 1")' /><b style='cursor:pointer;font-size:24px;'><b onmouseover='this.style.color="gold"' onmouseout='this.style.color=""'>✭</b><b onmouseover='this.parentNode.style.color="gold"' onmouseout='this.parentNode.style.color=""'>✭</b></b><span style='width:100%;display:inline-block;background-color:Yellow;'> Task 1</span><DIV style='position:relative;'><div style='background-color:#ccccff;'><div style='background-color:#0000ff;height:1.2em; width:10%;'>&nbsp;</div><div style='position:absolute;top:0px;color:white;font-weight:bold;padding:0 0 0 2px;'>10%</div></div></DIV>
Task 2Use SHIFT+ENTER to open the menu (new window).
In Progress(1) High
20%
<span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(255,102,0); width:20%;height:14px;'><span style='position:absolute; top:0px;'> 20%</span></span></span><span style='font-weight:bold; font-size:12px; color:red;'>(1) High</span><span style='font-size:12px; width:100%;font-weight:bold;background-color:red;'>(1) High</span><span style='padding:-10px;font-weight:bold; font-size:24px; background-color:black; color:red;'>✹</span><span style='background-color:black;font-size:24px;'><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:red;'>✺</span></span><marquee style='width:100px;'><span style='width:250px'><span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(255,102,0); width:20%;height:14px;'><span style='position:absolute; top:0px;'> 20%</span></span></span> - Task 2 - In Progress</span></marquee><input type='button' value='Click me' onclick='alert("Task 2")' /><b style='cursor:pointer;font-size:24px;'><b onmouseover='this.style.color="gold"' onmouseout='this.style.color=""'>✭</b><b onmouseover='this.parentNode.style.color="gold"' onmouseout='this.parentNode.style.color=""'>✭</b></b><span style='width:100%;display:inline-block;background-color:Yellow;'> Task 2</span><DIV style='position:relative;'><div style='background-color:#ccccff;'><div style='background-color:#0000ff;height:1.2em; width:20%;'>&nbsp;</div><div style='position:absolute;top:0px;color:white;font-weight:bold;padding:0 0 0 2px;'>20%</div></div></DIV>
Task 3Use SHIFT+ENTER to open the menu (new window).
In Progress(3) Low
30%
<span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(255,153,0); width:30%;height:14px;'><span style='position:absolute; top:0px;'> 30%</span></span></span><span style='font-weight:bold; font-size:12px; color:green;'>(3) Low</span><span style='font-size:12px; width:100%;font-weight:bold;background-color:green;'>(3) Low</span><span style='padding:-10px;font-weight:bold; font-size:24px; background-color:black; color:green;'>✹</span><span style='background-color:black;font-size:24px;'><span style='padding:-10px;color:lime;'>✺</span><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:gray;'>✹</span></span><marquee style='width:100px;'><span style='width:250px'><span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(255,153,0); width:30%;height:14px;'><span style='position:absolute; top:0px;'> 30%</span></span></span> - Task 3 - In Progress</span></marquee><input type='button' value='Click me' onclick='alert("Task 3")' /><b style='cursor:pointer;font-size:24px;'><b onmouseover='this.style.color="gold"' onmouseout='this.style.color=""'>✭</b><b onmouseover='this.parentNode.style.color="gold"' onmouseout='this.parentNode.style.color=""'>✭</b></b><span style='width:100%;display:inline-block;background-color:Yellow;'> Task 3</span><DIV style='position:relative;'><div style='background-color:#ccccff;'><div style='background-color:#0000ff;height:1.2em; width:30%;'>&nbsp;</div><div style='position:absolute;top:0px;color:white;font-weight:bold;padding:0 0 0 2px;'>30%</div></div></DIV>
Task 4Use SHIFT+ENTER to open the menu (new window).
Completed(1) High
40%
<span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(255,204,0); width:40%;height:14px;'><span style='position:absolute; top:0px;'> 40%</span></span></span><span style='font-weight:bold; font-size:12px; color:red;'>(1) High</span><span style='font-size:12px; width:100%;font-weight:bold;background-color:red;'>(1) High</span><span style='padding:-10px;font-weight:bold; font-size:24px; background-color:black; color:red;'>✹</span><span style='background-color:black;font-size:24px;'><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:red;'>✺</span></span><marquee style='width:100px;'><span style='width:250px'><span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(255,204,0); width:40%;height:14px;'><span style='position:absolute; top:0px;'> 40%</span></span></span> - Task 4 - Completed</span></marquee><input type='button' value='Click me' onclick='alert("Task 4")' /><b style='cursor:pointer;font-size:24px;'><b onmouseover='this.style.color="gold"' onmouseout='this.style.color=""'>✭</b><b onmouseover='this.parentNode.style.color="gold"' onmouseout='this.parentNode.style.color=""'>✭</b></b><span style='width:100%;display:inline-block;background-color:Aqua;'> Task 4</span><DIV style='position:relative;'><div style='background-color:#ccccff;'><div style='background-color:#0000ff;height:1.2em; width:40%;'>&nbsp;</div><div style='position:absolute;top:0px;color:white;font-weight:bold;padding:0 0 0 2px;'>40%</div></div></DIV>
Task 5Use SHIFT+ENTER to open the menu (new window).
In Progress(2) Normal
50%
<span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(255,255,0); width:50%;height:14px;'><span style='position:absolute; top:0px;'> 50%</span></span></span><span style='font-weight:bold; font-size:12px; color:gold;'>(2) Normal</span><span style='font-size:12px; width:100%;font-weight:bold;background-color:gold;'>(2) Normal</span><span style='padding:-10px;font-weight:bold; font-size:24px; background-color:black; color:gold;'>✹</span><span style='background-color:black;font-size:24px;'><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:yellow;'>✺</span><span style='padding:-10px;color:gray;'>✹</span></span><marquee style='width:100px;'><span style='width:250px'><span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(255,255,0); width:50%;height:14px;'><span style='position:absolute; top:0px;'> 50%</span></span></span> - Task 5 - In Progress</span></marquee><input type='button' value='Click me' onclick='alert("Task 5")' /><b style='cursor:pointer;font-size:24px;'><b onmouseover='this.style.color="gold"' onmouseout='this.style.color=""'>✭</b><b onmouseover='this.parentNode.style.color="gold"' onmouseout='this.parentNode.style.color=""'>✭</b></b><span style='width:100%;display:inline-block;background-color:Yellow;'> Task 5</span><DIV style='position:relative;'><div style='background-color:#ccccff;'><div style='background-color:#0000ff;height:1.2em; width:50%;'>&nbsp;</div><div style='position:absolute;top:0px;color:white;font-weight:bold;padding:0 0 0 2px;'>50%</div></div></DIV>
Task 6Use SHIFT+ENTER to open the menu (new window).
In Progress(2) Normal
60%
<span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(204,255,0); width:60%;height:14px;'><span style='position:absolute; top:0px;'> 60%</span></span></span><span style='font-weight:bold; font-size:12px; color:gold;'>(2) Normal</span><span style='font-size:12px; width:100%;font-weight:bold;background-color:gold;'>(2) Normal</span><span style='padding:-10px;font-weight:bold; font-size:24px; background-color:black; color:gold;'>✹</span><span style='background-color:black;font-size:24px;'><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:yellow;'>✺</span><span style='padding:-10px;color:gray;'>✹</span></span><marquee style='width:100px;'><span style='width:250px'><span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(204,255,0); width:60%;height:14px;'><span style='position:absolute; top:0px;'> 60%</span></span></span> - Task 6 - In Progress</span></marquee><input type='button' value='Click me' onclick='alert("Task 6")' /><b style='cursor:pointer;font-size:24px;'><b onmouseover='this.style.color="gold"' onmouseout='this.style.color=""'>✭</b><b onmouseover='this.parentNode.style.color="gold"' onmouseout='this.parentNode.style.color=""'>✭</b></b><span style='width:100%;display:inline-block;background-color:Yellow;'> Task 6</span><DIV style='position:relative;'><div style='background-color:#ccccff;'><div style='background-color:#0000ff;height:1.2em; width:60%;'>&nbsp;</div><div style='position:absolute;top:0px;color:white;font-weight:bold;padding:0 0 0 2px;'>60%</div></div></DIV>
Task 7Use SHIFT+ENTER to open the menu (new window).
In Progress(3) Low
70%
<span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(153,255,0); width:70%;height:14px;'><span style='position:absolute; top:0px;'> 70%</span></span></span><span style='font-weight:bold; font-size:12px; color:green;'>(3) Low</span><span style='font-size:12px; width:100%;font-weight:bold;background-color:green;'>(3) Low</span><span style='padding:-10px;font-weight:bold; font-size:24px; background-color:black; color:green;'>✹</span><span style='background-color:black;font-size:24px;'><span style='padding:-10px;color:lime;'>✺</span><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:gray;'>✹</span></span><marquee style='width:100px;'><span style='width:250px'><span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(153,255,0); width:70%;height:14px;'><span style='position:absolute; top:0px;'> 70%</span></span></span> - Task 7 - In Progress</span></marquee><input type='button' value='Click me' onclick='alert("Task 7")' /><b style='cursor:pointer;font-size:24px;'><b onmouseover='this.style.color="gold"' onmouseout='this.style.color=""'>✭</b><b onmouseover='this.parentNode.style.color="gold"' onmouseout='this.parentNode.style.color=""'>✭</b></b><span style='width:100%;display:inline-block;background-color:Yellow;'> Task 7</span><DIV style='position:relative;'><div style='background-color:#ccccff;'><div style='background-color:#0000ff;height:1.2em; width:70%;'>&nbsp;</div><div style='position:absolute;top:0px;color:white;font-weight:bold;padding:0 0 0 2px;'>70%</div></div></DIV>
Task 8Use SHIFT+ENTER to open the menu (new window).
In Progress(1) High
80%
<span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(102,255,0); width:80%;height:14px;'><span style='position:absolute; top:0px;'> 80%</span></span></span><span style='font-weight:bold; font-size:12px; color:red;'>(1) High</span><span style='font-size:12px; width:100%;font-weight:bold;background-color:red;'>(1) High</span><span style='padding:-10px;font-weight:bold; font-size:24px; background-color:black; color:red;'>✹</span><span style='background-color:black;font-size:24px;'><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:red;'>✺</span></span><marquee style='width:100px;'><span style='width:250px'><span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(102,255,0); width:80%;height:14px;'><span style='position:absolute; top:0px;'> 80%</span></span></span> - Task 8 - In Progress</span></marquee><input type='button' value='Click me' onclick='alert("Task 8")' /><b style='cursor:pointer;font-size:24px;'><b onmouseover='this.style.color="gold"' onmouseout='this.style.color=""'>✭</b><b onmouseover='this.parentNode.style.color="gold"' onmouseout='this.parentNode.style.color=""'>✭</b></b><span style='width:100%;display:inline-block;background-color:Yellow;'> Task 8</span><DIV style='position:relative;'><div style='background-color:#ccccff;'><div style='background-color:#0000ff;height:1.2em; width:80%;'>&nbsp;</div><div style='position:absolute;top:0px;color:white;font-weight:bold;padding:0 0 0 2px;'>80%</div></div></DIV>
Task 9Use SHIFT+ENTER to open the menu (new window).
Deferred(2) Normal
90%
<span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(51,255,0); width:90%;height:14px;'><span style='position:absolute; top:0px;'> 90%</span></span></span><span style='font-weight:bold; font-size:12px; color:gold;'>(2) Normal</span><span style='font-size:12px; width:100%;font-weight:bold;background-color:gold;'>(2) Normal</span><span style='padding:-10px;font-weight:bold; font-size:24px; background-color:black; color:gold;'>✹</span><span style='background-color:black;font-size:24px;'><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:yellow;'>✺</span><span style='padding:-10px;color:gray;'>✹</span></span><marquee style='width:100px;'><span style='width:250px'><span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(51,255,0); width:90%;height:14px;'><span style='position:absolute; top:0px;'> 90%</span></span></span> - Task 9 - Deferred</span></marquee><input type='button' value='Click me' onclick='alert("Task 9")' /><b style='cursor:pointer;font-size:24px;'><b onmouseover='this.style.color="gold"' onmouseout='this.style.color=""'>✭</b><b onmouseover='this.parentNode.style.color="gold"' onmouseout='this.parentNode.style.color=""'>✭</b></b><span style='width:100%;display:inline-block;background-color:Fuchsia;'> Task 9</span><DIV style='position:relative;'><div style='background-color:#ccccff;'><div style='background-color:#0000ff;height:1.2em; width:90%;'>&nbsp;</div><div style='position:absolute;top:0px;color:white;font-weight:bold;padding:0 0 0 2px;'>90%</div></div></DIV>
Task 10Use SHIFT+ENTER to open the menu (new window).
Waiting on someone else(2) Normal
100%
<span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(0,255,0); width:100%;height:14px;'><span style='position:absolute; top:0px;'> 100%</span></span></span><span style='font-weight:bold; font-size:12px; color:gold;'>(2) Normal</span><span style='font-size:12px; width:100%;font-weight:bold;background-color:gold;'>(2) Normal</span><span style='padding:-10px;font-weight:bold; font-size:24px; background-color:black; color:gold;'>✹</span><span style='background-color:black;font-size:24px;'><span style='padding:-10px;color:gray;'>✹</span><span style='padding:-10px;color:yellow;'>✺</span><span style='padding:-10px;color:gray;'>✹</span></span><marquee style='width:100px;'><span style='width:250px'><span style='display:inline-block;position:relative; width:60px; height:14px;border:1px solid;'><span style='display:inline-block;position:relative;background-color:rgb(0,255,0); width:100%;height:14px;'><span style='position:absolute; top:0px;'> 100%</span></span></span> - Task 10 - Waiting on someone else</span></marquee><input type='button' value='Click me' onclick='alert("Task 10")' /><b style='cursor:pointer;font-size:24px;'><b onmouseover='this.style.color="gold"' onmouseout='this.style.color=""'>✭</b><b onmouseover='this.parentNode.style.color="gold"' onmouseout='this.parentNode.style.color=""'>✭</b></b><span style='width:100%;display:inline-block;background-color:Red;'> Task 10</span><DIV style='position:relative;'><div style='background-color:#ccccff;'><div style='background-color:#0000ff;height:1.2em; width:100%;'>&nbsp;</div><div style='position:absolute;top:0px;color:white;font-weight:bold;padding:0 0 0 2px;'>100%</div></div></DIV>