A simple percentage bar, with minimal styling options including design tools and also fill and background on percentage bar.
Telex project here.
Prompt
Create a percentage bar block that displays a horizontal progress bar with customizable percentage value. The block should render a container with a fill bar inside that visually represents the percentage.
In the editor, provide a number input control for setting the percentage value (0-100). The block should use native WordPress background controls, border controls, and spacing controls through the styles panel for all visual customization including bar background, fill color, border radius, and padding.
On the frontend, display a simple horizontal bar with the fill width corresponding to the entered percentage. The outer container and inner fill element should fully respond to all styling applied through WordPress native design tools.
Keep the markup minimal with just two div elements - an outer container and inner fill bar. No animations, custom CSS, or additional styling options beyond what WordPress provides natively through the styles sidebar.