View reactdragndrop.js
state = {
items: ['DRAG ME 1', 'DRAG ME 2', 'DRAG ME 3'],
draggingId: undefined,
droppedId: undefined
}
dragStart = (e) => {
let id = e.target.getAttribute("data-id")
this.setState({ draggingId: id })
}
View progressbar.html
<!DOCTYPE html>
<html>
<style>
body {
width: 80%;
margin: 0 auto;
text-align: center;
padding-top: 200px;
}
#progressWrapper {