{
"name": "progress-bar",
"title": "Progress bar",
"component": "ProgressBarIcon",
"url": "https://gentleface.com/icons/progress-bar",
"category": "layout",
"motif": "layout",
"added": "2026-10-19",
"history": [
{
"date": "2026-10-19",
"what": [
"added"
]
}
],
"geometry_hash": "e6ae1ef38a0e",
"use_for": [
"progress bar",
"loading bar",
"progress indicator",
"linear progress"
],
"alternatives": [
{
"icon": "loader",
"why": "an indeterminate spinner (loading)",
"concept": "progress-bar"
},
{
"icon": "circle-progress",
"why": "a status that is in progress (in-progress)",
"concept": "progress-bar"
}
],
"dont_confuse_with": [
{
"icon": "toggle",
"why": "a capsule with a knob is the on/off switch",
"concept": "progress-bar"
},
{
"icon": "battery",
"why": "battery has a terminal nub",
"concept": "progress-bar"
}
],
"also_fits": [
{
"concept": "loading",
"owner": "loader",
"why": "determinate progress with a known amount (progress-bar)"
},
{
"concept": "stepper",
"owner": "stepper",
"why": "continuous progress without steps (progress-bar)"
}
],
"family": [
"accordion",
"breadcrumb",
"breadcrumb-chevrons",
"browser",
"button",
"cards",
"carousel-horizontal",
"carousel-vertical",
"columns",
"columns-gear",
"dialog",
"dropdown-menu",
"form",
"kanban",
"layout",
"layout-dashboard",
"layout-dashboard-gear",
"layout-dashboard-pencil",
"layout-dashboard-plus",
"layout-dashboard-sparkle",
"likert-scale",
"maximize",
"minimize",
"pagination",
"panel-bottom",
"panel-top",
"picture-in-picture",
"picture-in-picture-exit",
"pin",
"rows",
"rows-grouped",
"sidebar",
"sidebar-collapse",
"sidebar-expand",
"sidebar-right",
"sidebar-right-collapse",
"sidebar-right-expand",
"slider",
"snackbar",
"stepper",
"table-arrow-down",
"table-arrow-up",
"table-gear",
"table-lock",
"table-search",
"table-sparkle",
"tabs",
"timeline",
"toggle",
"toggle-off",
"tooltip",
"user-interface",
"window",
"window-maximize",
"window-maximize-square",
"window-minimize",
"window-minimize-square",
"window-restore"
],
"tags": [
"progress",
"progress bar",
"loading",
"loading bar",
"loader",
"percent",
"completion",
"upload progress",
"download progress",
"meter",
"ui",
"component"
],
"size": 16,
"styles": [
"line-round",
"line-soft",
"line-sharp",
"solid-round",
"solid-soft",
"solid-sharp"
],
"default_style": "line-round",
"svg": {
"line-round": "",
"line-soft": "",
"line-sharp": "",
"solid-round": "",
"solid-soft": "",
"solid-sharp": ""
},
"svg_url": {
"line-round": "https://gentleface.com/svg/line-round/16/progress-bar.svg",
"line-soft": "https://gentleface.com/svg/line-soft/16/progress-bar.svg",
"line-sharp": "https://gentleface.com/svg/line-sharp/16/progress-bar.svg",
"solid-round": "https://gentleface.com/svg/solid-round/16/progress-bar.svg",
"solid-soft": "https://gentleface.com/svg/solid-soft/16/progress-bar.svg",
"solid-sharp": "https://gentleface.com/svg/solid-sharp/16/progress-bar.svg"
},
"png_url": {
"line-round": {
"16": "https://gentleface.com/png/line-round/16/progress-bar.png",
"32": "https://gentleface.com/png/line-round/32/progress-bar.png",
"48": "https://gentleface.com/png/line-round/48/progress-bar.png"
},
"line-soft": {
"16": "https://gentleface.com/png/line-soft/16/progress-bar.png",
"32": "https://gentleface.com/png/line-soft/32/progress-bar.png",
"48": "https://gentleface.com/png/line-soft/48/progress-bar.png"
},
"line-sharp": {
"16": "https://gentleface.com/png/line-sharp/16/progress-bar.png",
"32": "https://gentleface.com/png/line-sharp/32/progress-bar.png",
"48": "https://gentleface.com/png/line-sharp/48/progress-bar.png"
},
"solid-round": {
"16": "https://gentleface.com/png/solid-round/16/progress-bar.png",
"32": "https://gentleface.com/png/solid-round/32/progress-bar.png",
"48": "https://gentleface.com/png/solid-round/48/progress-bar.png"
},
"solid-soft": {
"16": "https://gentleface.com/png/solid-soft/16/progress-bar.png",
"32": "https://gentleface.com/png/solid-soft/32/progress-bar.png",
"48": "https://gentleface.com/png/solid-soft/48/progress-bar.png"
},
"solid-sharp": {
"16": "https://gentleface.com/png/solid-sharp/16/progress-bar.png",
"32": "https://gentleface.com/png/solid-sharp/32/progress-bar.png",
"48": "https://gentleface.com/png/solid-sharp/48/progress-bar.png"
}
},
"license": "MIT",
"author": "Alexander Kiselev"
}