Retro/pcjs
Watch
1
0
Fork
You've already forked pcjs
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added progress bar control (for the PC11 paper tape reader)

Browse source
This commit is contained in:
Jeff Parsons 2016-10-19 14:16:14 -07:00 • committed by Jeff Parsons
commit 5e9891292c
15 changed files with 383 additions and 190 deletions
Download patch file Download diff file Expand all files Collapse all files

24
modules/shared/templates/components.css
View file

@ -55,6 +55,30 @@
line-height: 20px;
vertical-align: middle;
}
.pcjs-progress {
height: 20px;
width: 300px;
margin-top: 8px;
border: 1px solid black;
position: relative;
}
.pcjs-progress-bar {
height: 20px;
width: 0%; /* this will be updated pragmatically */
background-color: gold;
position: absolute;
top: 0px;
}
.pcjs-progress-text {
height: 20px;
width: 300px;
font-size: small;
line-height: 20px;
text-align: center;
position: absolute;
top: 0px;
z-index: 1;
}
.pcjs-register {
font-family: Monaco, "Lucida Console", monospace;
font-size: small;