$5, Fits your $30 budget
Cover illustration. The files are listed under What's inside.
Progress Bar Collection
Linear, segmented, stacked and circular progress indicators plus a semi-circle gauge, with value steps, status colors and matching CSS.
$5
Fits your $30 budget
Added to your cart.View your cart
- Includes the Standard license: personal, commercial and client work for one person.
- Instant download after payment, plus an email with links that stay active for 30 days.
- Refund within 14 days if you haven't downloaded it yet, if it doesn't work in the supported software listed here, or if it's faulty and we can't fix it.
- Contents
- 18 components
- File formats
- .fig, .sketch, .html, .css, .png
- Supported software
- Figma, Sketch, HTML/CSS
- Download size
- 4 MB
- Good for
- File upload screens
- Onboarding checklists
- Storage and usage meters
About this product
Linear bars in 4, 8 and 12 px thicknesses come with optional labels and percentages, alongside segmented step bars, stacked bars for storage breakdowns, indeterminate striped bars, circular rings in three sizes and a semi-circle gauge. All 18 components share a value property in 10% steps and brand, success, warning and error colors.
An HTML and CSS file reproduces the linear and circular styles, including the indeterminate animation, so developers start from working code that matches the design. Uploads, onboarding checklists, storage meters and course completion screens are typical places to use them.
What's inside
- 18 components in linear, segmented and circular styles
- Bar thicknesses of 4, 8 and 12 px
- Value property in 10% steps from 0 to 100
- Brand, success, warning and error color options
- HTML and CSS version with an indeterminate animation
License
Standard license
Included with every purchase
For one person. Use the assets in unlimited personal and commercial projects, including work you deliver to clients.
Allowed
- Design a client's website with a UI kit and hand over the finished site
- Use the same asset in as many of your projects as you like
- Build your startup's pitch deck from a presentation template
- Use an icon set throughout your company's web app
Not allowed
- Reselling, sharing, sublicensing or giving away the files, as they are or modified, for example on stock sites or marketplaces
- Uploading the files anywhere others can download or extract them, such as a public repository
- Letting several people work from one Standard license (a Team license covers that)
- Selling print-on-demand merchandise or templates built on the assets without an Extended license
$5, Fits your $30 budget
$5, Fits your $30 budget
$5, Fits your $30 budget