.cc-header {
background-color: #2c3e50;
color: white;
padding: 20px;
text-align: center;
}
.cc-header h2 {
margin: 0;
font-size: 24px;
}
.cc-body {
padding: 25px;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.cc-input-group {
flex: 1 1 200px;
display: flex;
flex-direction: column;
gap: 5px;
}
.cc-input-group label {
font-weight: 600;
font-size: 14px;
color: #333;
}
.cc-input-group input, .cc-input-group select {
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
font-size: 16px;
}
.cc-btn-container {
width: 100%;
text-align: center;
margin-top: 10px;
}
.cc-btn {
background-color: #e67e22;
color: white;
border: none;
padding: 12px 30px;
font-size: 18px;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
transition: background 0.3s;
}
.cc-btn:hover {
background-color: #d35400;
}
.cc-results {
width: 100%;
background-color: #f8f9fa;
border-top: 2px solid #e0e0e0;
padding: 20px;
margin-top: 20px;
display: none; /* Hidden by default */
}
.cc-result-row {
display: flex;
justify-content: space-between;
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.cc-result-row:last-child {
border-bottom: none;
}
.cc-result-label {
color: #555;
font-weight: 500;
}
.cc-result-value {
font-weight: 700;
color: #2c3e50;
font-size: 18px;
}
.cc-highlight {
color: #e67e22;
font-size: 22px;
}
.cc-article {
padding: 25px;
background-color: #fff;
border-top: 1px solid #eee;
line-height: 1.6;
color: #444;
}
.cc-article h3 {
color: #2c3e50;
margin-top: 20px;
margin-bottom: 10px;
}
.cc-article p {
margin-bottom: 15px;
}
.cc-article ul {
margin-bottom: 15px;
padding-left: 20px;
}
@media (max-width: 600px) {
.cc-body {
flex-direction: column;
}
}
function calculateConcrete() {
// Get input values
var len = parseFloat(document.getElementById('slabLength').value);
var wid = parseFloat(document.getElementById('slabWidth').value);
var thick = parseFloat(document.getElementById('slabThickness').value);
var waste = parseFloat(document.getElementById('wasteFactor').value);
var price = parseFloat(document.getElementById('pricePerBag').value);
// Validation
if (isNaN(len) || isNaN(wid) || isNaN(thick)) {
alert("Please enter valid numbers for Length, Width, and Thickness.");
return;
}
if (len <= 0 || wid <= 0 || thick <= 0) {
alert("Dimensions must be greater than zero.");
return;
}
// Calculation Logic
// 1. Convert thickness to feet
var thickInFeet = thick / 12;
// 2. Calculate Cubic Feet
var cubicFeet = len * wid * thickInFeet;
// 3. Add Waste Factor
var totalCubicFeet = cubicFeet * (1 + (waste / 100));
// 4. Convert to Cubic Yards
var cubicYards = totalCubicFeet / 27;
// 5. Calculate Bags
// Typical yields:
// 80lb bag ~= 0.60 cubic feet
// 60lb bag ~= 0.45 cubic feet
var bags80 = Math.ceil(totalCubicFeet / 0.60);
var bags60 = Math.ceil(totalCubicFeet / 0.45);
// 6. Calculate Cost (based on 80lb bags as primary estimation)
var totalCost = 0;
if (!isNaN(price)) {
totalCost = bags80 * price;
}
// Display Results
document.getElementById('resYards').innerHTML = cubicYards.toFixed(2);
document.getElementById('resFeet').innerHTML = totalCubicFeet.toFixed(2);
document.getElementById('resBags').innerHTML = bags80;
document.getElementById('resBags60').innerHTML = bags60;
document.getElementById('resCost').innerHTML = "$" + totalCost.toFixed(2);
// Show results div
document.getElementById('ccResults').style.display = 'block';
}
Concrete Slab Calculator
Estimate volume, bags, and cost for your project
0% (Exact)
5% (Recommended)
10% (Safety)
Total Volume Needed:
0 cu. yards
Volume in Cubic Feet:
0 cu. ft.
80lb Bags Required:
0
60lb Bags Required:
0
Estimated Material Cost:
$0.00
How to Calculate Concrete Volume
Calculating the correct amount of concrete for your slab is essential to ensure structural integrity and avoid costly waste. The basic formula for concrete volume involves multiplying the length by the width by the thickness of the slab.
The Formula:
Volume (Cubic Feet) = Length (ft) × Width (ft) × (Thickness (in) ÷ 12)
Since concrete is typically sold by the Cubic Yard, you must divide the total cubic feet by 27 (since there are 27 cubic feet in one cubic yard).
Recommended Thickness for Concrete Slabs
- 4 Inches: Standard for residential sidewalks, patios, and garage floors used for passenger cars.
- 5-6 Inches: Recommended for driveways that accommodate heavier vehicles, trucks, or RVs.
- 8+ Inches: Heavy-duty commercial applications or areas supporting substantial weight loads.
Why Add a Waste Margin?
It is industry standard to add a "waste margin" or "spillage factor" of 5% to 10% to your total order. This accounts for:
- Uneven subgrade depth (ground is rarely perfectly flat).
- Spillage during transport or pouring.
- Concrete remaining in the mixer or wheelbarrow.
- Settling of the formwork.
Our calculator automatically includes the selected waste margin to ensure you have enough material to finish the job without interruption.