30:[] 2e:{"title":"Photo progress bar","cells":[{"id":0,"value":"md`# Photo progress bar\n\nA photograph is filled in proportional to the amount of progress made by the slider.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":25,"value":"viewof progress = slider({\n title: \"Slide this to try!\",\n value: 0,\n min: 0,\n max: 100,\n step: 1\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"md`Source: [National Portrait Gallery](https://www.smithsonianmag.com/smithsonian-institution/how-one-mathew-brady-photograph-may-have-helped-elect-abraham-lincoln-180963839/)`","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"viewof overlayColor = color({\n title: \"Overlay color\",\n value: \"#ffffff\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"viewof overlayOpacity = slider({\n title: \"Overlay opacity\",\n value: 0.8\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":30,"value":"image = 'https://gist.githubusercontent.com/palewire/245b2782c6a886357b2e7f2c518ecf0b/raw/lincoln-by-brady.png'","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"import {slider, color} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}