Bar Chart Preset
100% Progress Bar
100% Progress Bar is an OPF bar chart preset with canonical workbook metadata, sample data, and engine chart type mapping.
Use Case
Rank or compare categories when horizontal labels need room.
Data Requirements
2 series, 6 categories, calculated helper workbook
Group
Horizontal comparisons, ranked values, and progress-style measures.
Series
2 series across 6 categories
Workbook Range
Sheet1!$A$1:$G$5
Source Slide
Slide 27 in the OPF chart gallery deck
When to Use
Use when category names are long, ranking is the main story, or progress should read left to right.
When to Avoid
Avoid for dense time-series narratives where a line or area chart communicates direction better.
Best Practices
Sort bars by value when ranking
Use a single accent for the key item
Keep category labels readable
Recommended Companions
OPF Config
charts:100pct-progress-bar{
"$schema": "https://openpresentation.org/schema/opf/v1",
"name": "PPTX.gallery — charts/100pct-progress-bar",
"description": "100% Progress Bar is an OPF bar chart preset with canonical workbook metadata, sample data, and engine chart type mapping.",
"tags": [
"gallery:charts/100pct-progress-bar"
],
"slides": [
{
"id": "gallery-preview-1",
"layout": "data-visualization",
"title": "100% Progress Bar",
"subtitle": "Rank or compare categories when horizontal labels need room.",
"chart": {
"type": "100pct-progress-bar",
"data": {
"columns": [
"Category",
"Q1 2024",
"Q2 2024",
"Q3 2024",
"Q4 2024",
"Q1 2025",
"Q2 2025"
],
"rows": [
[
"Target",
93,
90,
92,
89,
97,
84
],
[
"Actual",
62,
76,
92,
74,
93,
61
]
]
}
},
"design": {
"contentBox": false,
"contentAlignment": "left",
"titleAlignment": "left",
"contentDirection": "horizontal"
}
}
],
"catalogs": {
"layouts": {
"records": [
{
"$schema": "https://openpresentation.org/schema/opf-layout/v1",
"id": "data-visualization",
"name": "Data_Visualization",
"label": "Data Visualization",
"summary": "Clean charts and graphs with supporting text. Present complex data in digestible formats.",
"description": "Clean charts and graphs with supporting text. Present complex data in digestible formats.",
"tags": [
"Charts",
"Analytics",
"Data"
],
"master": "Gallery",
"masterSlideIndex": 3,
"groupHash": "153f444c25792e384c219fafc5ca1a0324103c782fa01f0902391c0014076cad",
"groupDefault": true,
"contentType": "Chart",
"contentMultiple": "1x",
"contentAlignment": "Left",
"contentBox": false,
"contentTypeChartPrimary": "None",
"contentTypeImageFill": "None",
"contentTypeListBullet": "None",
"contentTypeListHeading": false,
"slideTitle": true,
"slideTitleAlignment": "Left",
"slideImage": false,
"slideImageAlignment": "None",
"slideLayoutDirection": "Horizontal",
"zones": [
{
"role": "title",
"placeholder": "title"
},
{
"role": "chart",
"placeholder": "chart content 2"
},
{
"role": "text",
"placeholder": "text content 3"
}
],
"preview": {},
"details": "Clean charts and graphs with supporting text. Present complex data in digestible formats. OPF placeholders: title, chart, text.",
"category": "data-analysis",
"spatialCategory": "2 zone row",
"contentTypeTags": [
"comparison",
"mixed",
"chart"
],
"placeholders": [
{
"type": "title"
},
{
"type": "chart"
},
{
"type": "text"
}
],
"composition": {
"mode": "row"
},
"slideSubtitle": false
}
]
}
}
}Preview this config live at pptx.dev/playground, or load it in the gallery visual editor.