Progress Bar
Progress bars or rings with label and percentage, that fill up on entry
The examples are only part of the story. Every tile also has the advanced options: animations, mouse effects, visibility by device or by date, positioning and more.
01
Just added
This is how it looks as soon as you add it to the page, before any changes.
02
The skills of an architecture firm
Thin red bars on a soft track, rounded, with no percentages: inside a light card at half page width.
03
The status of a building site, square-cornered bars
On a blue background, light bars with sharp corners and taller, light labels: the phases that are finished, in progress and yet to start.
04
The languages spoken in a hotel, in circles
Circle layout: five blue rings with the percentage in the center, counting up from zero when the tile enters the screen.
05
A neighborhood's goals, circles on a dark card
Small circles with a thick orange stroke inside a dark card with a large radius, light text.
