Create app.py

app.py

@@ -0,0 +1,19 @@
+import gradio as gr
+
+def func(percent, numBlocks):
+    filledSquares = "<div style='height:50px;width:50px;background-color:#555;display:inline-block'></div> "
+    emptySquares = "<div style='height:50px;width:50px;background-color:#999;display:inline-block'></div> "
+    numFilled = round(round(percent/100) * numBlocks)
+    numEmpty = numBlocks - numFilled
+    HTMLstr = filledSquares * numFilled + emptySquares * numEmpty
+    return HTMLstr
+    
+    
+
+with gr.Blocks() as demo:
+    percent = gr.Slider(1, 100, value=50)
+    numBlocks = gr.Slider(3, 20, value=4)
+    button = gr.Button("button")
+    button.click(func, inputs=[percent, numBlocks], outputs=gr.HTML())
+
+demo.launch()