Movie title:
<input type="text" value="the shack">
<button>Get picture</button>
<progress></progress>
<img src=""> 
<script>
const progress = document.querySelector('progress')
document.querySelector('button').addEventListener('click', function () {
    const title = document.querySelector('input').value
    const xhr = new XMLHttpRequest()
    xhr.addEventListener('load', responseHandler)
    xhr.addEventListener('progress', progressHandler)
    xhr.open('GET', `http://www.omdbapi.com/?t=${title}&apikey=2dd0dbee`)
    xhr.responseType = 'json'
    xhr.send(null)
})
function responseHandler(e) {
    document.querySelector('img').src = this.response.Poster
    progress.value = e.loaded
}
function progressHandler(e) {
    if(e.lengthComputable) {
        progress.max = e.total
        progress.value = e.loaded
    }
}
</script>