diff --git a/src/Progress.js b/src/Progress.js
index 73dbcdef4..d36e167cf 100644
--- a/src/Progress.js
+++ b/src/Progress.js
@@ -77,6 +77,7 @@ const Progress = (props) => {
 
   const ProgressBar = multi ? children : (
     <div
+      {...attributes}
       className={progressBarClasses}
       style={{
         ...style,
diff --git a/src/__tests__/Progress.spec.js b/src/__tests__/Progress.spec.js
index 3bb8a173f..6ce42a65c 100644
--- a/src/__tests__/Progress.spec.js
+++ b/src/__tests__/Progress.spec.js
@@ -161,4 +161,15 @@ describe('Progress', () => {
     expect(wrapper.find('.progress').hostNodes().length).toBe(1);
     expect(wrapper.find('.progress-bar').hostNodes().length).toBe(5);
   });
+
+  it('should render nested progress bars and id attribute', () => {
+    const wrapper = mount(
+      <Progress multi>
+        <Progress bar id="ruh-roh" />
+      </Progress>
+    );
+
+    expect(wrapper.find('.progress').hostNodes().length).toBe(1);
+    expect(wrapper.find('#ruh-roh').hostNodes().length).toBe(1);
+  });
 });